{cast?.author?.username}

\n {cast?.text?.trim()}\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\nfunction PostInterations({ cast }) {\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

{count}

\n ))}\n

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