{cast?.author?.username}

{formatDateRelative(cast?.timestamp)}

\n {cast?.text?.trim()}\n

\n \n \n \n

\n )\n}\n\nfunction PostMedia({ cast }) {\n const images = cast.embeds?.filter((embed) => !!embed?.metadata?.image)\n // const videos = cast.embeds?.filter((embed) => !!embed?.metadata?.video)\n\n const [selectedImage, setSelectedImage] = useState(null)\n\n if (!images?.length) {\n return null\n }\n\n return (\n

\n {images?.length > 0 && (\n

\n {images.map((image, i) => (\n 1 ? 'w-[48%]' : 'w-[100%]'\n }`}\n onClick={(e) => {\n e.preventDefault()\n e.stopPropagation()\n setSelectedImage(image?.url)\n }}\n >\n

\n ))}\n

\n )}\n\n {selectedImage && (\n setSelectedImage(null)}\n >\n

\n \n )}\n\n {/* {videos?.map((m, i) => (\n \n

\n ))} */}\n \n )\n}\n\nconst PostQuoteEmbed = ({ cast, display = 'default' }) => {\n const hideInteractions = display == 'quote'\n if (hideInteractions) return null\n\n if (!cast.embeds?.length) return null\n const quotedPost = cast.embeds?.find((embed) => !!embed.cast)?.cast\n if (!quotedPost || !quotedPost.hash) return null\n // console.log('quotedPost', quotedPost)\n\n return (\n

\n \n

\n )\n}\n\nfunction PostInteractions({ cast, display = 'default' }) {\n const hideInteractions = ['quote', 'sub-comment', 'preview'].includes(display)\n if (!cast || hideInteractions) return null\n\n const interactions = [\n { Icon: MessageCircle, count: cast?.replies?.count },\n { Icon: Repeat, count: cast?.reactions?.recasts_count },\n { Icon: Heart, count: cast?.reactions?.likes_count },\n ]\n\n return (\n

\n {interactions.map(({ Icon, count }, i) => (\n

\n \n

{formatNumber(count)}

\n ))}\n

\n )\n}\n\nexport function Feed({\n queryKey,\n queryFn,\n display = 'default',\n}: {\n queryKey: any\n queryFn: () => Promise\n display?: string\n}) {\n const { data: feed, isLoading: feedIsLoading } = useQuery({\n queryKey,\n queryFn,\n })\n\n // console.log('Feed', queryKey, feed)\n\n if (feedIsLoading) {\n return (\n

\n \n

\n )\n }\n\n if (display == 'media') {\n return (\n

\n {feed?.map((cast) => (\n \n ))}\n

\n )\n }\n\n return (\n

\n {feed?.map((cast) => (\n \n ))}\n

\n )\n}\n\nexport function SmallMediaPost({ cast }) {\n const [isFullscreen, setIsFullscreen] = useState(false)\n const images = cast?.embeds?.filter((embed) => !!embed?.metadata?.image)\n if (!images || !images.length) return null\n\n const toggleFullscreen = (e) => {\n e.preventDefault()\n e.stopPropagation()\n setIsFullscreen(!isFullscreen)\n }\n\n return (\n

\n {images?.slice(0, 1)?.map((image) => (\n \n ))}\n

\n )\n}\n","deleted","label",[170,171,152],"frontend","components","permalink","https://www.val.town/x/moe/gif-fc/code/frontend/components/Post.tsx","extension","actionData","errors"]