diff --git a/src/components/dataDisplay/postEmbed/ImageEmbed.tsx b/src/components/dataDisplay/postEmbed/ImageEmbed.tsx index 3fcaa717..d08ff5dc 100644 --- a/src/components/dataDisplay/postEmbed/ImageEmbed.tsx +++ b/src/components/dataDisplay/postEmbed/ImageEmbed.tsx @@ -129,7 +129,7 @@ export default function ImageEmbed(props: Props) { alt={images[0].alt} width={images[0].aspectRatio?.width ?? 900} height={images[0].aspectRatio?.height ?? 900} - className="rounded-md max-h-96 object-cover cursor-pointer hover:brightness-90" + className="rounded-md max-h-96 w-full object-cover cursor-pointer hover:brightness-90" onClick={(e) => { e.stopPropagation(); setShowImage(0); diff --git a/src/components/feedback/altTag/AltTag.tsx b/src/components/feedback/altTag/AltTag.tsx index 67dac3da..15f3771c 100644 --- a/src/components/feedback/altTag/AltTag.tsx +++ b/src/components/feedback/altTag/AltTag.tsx @@ -2,6 +2,9 @@ import Button from "@/components/actions/button/Button"; import { useState } from "react"; import * as Dialog from "@radix-ui/react-dialog"; import { CgClose } from "react-icons/cg"; +import { useClipboard } from "use-clipboard-copy"; +import toast from "react-hot-toast"; +import { BiSolidCopy } from "react-icons/bi"; interface Props { text: string; @@ -10,6 +13,12 @@ interface Props { export default function AltTag(props: Props) { const { text } = props; const [showAlt, setShowAlt] = useState(false); + const clipboard = useClipboard({ copiedTimeout: 3500 }); + + const handleCopyAltText = () => { + clipboard.copy(text); + toast.success("Alt text copied to clipboard"); + }; const handleShowAlt = () => { setShowAlt(!showAlt); @@ -46,16 +55,25 @@ export default function AltTag(props: Props) { e.preventDefault(); handleCloseAlt(); }} + className="m-3.5" > -
- - Alternative text - +
+
+ + Alternative text + + +
{text}
diff --git a/src/containers/FeedContainer.tsx b/src/containers/FeedContainer.tsx index 39c412d2..4a34f645 100644 --- a/src/containers/FeedContainer.tsx +++ b/src/containers/FeedContainer.tsx @@ -47,6 +47,7 @@ export default function FeedContainer(props: Props) { }} /> + {isFetchingFeed && !isFetchingFeedNextPage && } {feedData && contentFilter && feedFilter && @@ -66,7 +67,6 @@ export default function FeedContainer(props: Props) { ))}
))} - {isFetchingFeed && !isFetchingFeedNextPage && } {isFetchingFeedNextPage && } {feedError && (