post-actions.tsx

'use client'

import { Icon } from '@/components/icon'
import { Span } from '@/components/span'
import { formatCompactCount } from '@/utils/format-count'
import { shareTargets } from '@/utils/share-targets'
import { Popover, PopoverButton, PopoverPanel } from '@headlessui/react'
import heartIcon from '@iconify/icons-heroicons/heart'
import heartSolidIcon from '@iconify/icons-heroicons/heart-solid'
import shareIcon from '@iconify/icons-heroicons/arrow-up-tray'
import linkIcon from '@iconify/icons-mdi/link'
import checkIcon from '@iconify/icons-mdi/check'
import clsx from 'clsx'
import { useEffect, useState } from 'react'
import { state, useSnapshot } from '@/state'
import { getOrCreateAnonId } from '@/utils/anon-id'
import { recordShareIntent } from '@/utils/record-share-intent'

function shareLabel(id: string): string {
  switch (id) {