diff --git a/components/Library/Thumbnail.tsx b/components/Library/Thumbnail.tsx index ffc757d8..9d9536ce 100644 --- a/components/Library/Thumbnail.tsx +++ b/components/Library/Thumbnail.tsx @@ -7,11 +7,12 @@ import tw from '~/util/tailwind'; type Props = { url: string; + name: string; }; const GITHUB_PREVIEW_MIN_WIDTH = 640; -function Thumbnail({ url }: Props) { +function Thumbnail({ url, name }: Props) { const { width, height } = useWindowDimensions(); const [isLoaded, setLoaded] = useState(false); @@ -56,7 +57,7 @@ function Thumbnail({ url }: Props) { setLoaded(true)} - alt="" + alt={`${name} screenshot`} style={{ ...tw`rounded`, maxWidth: maxPreviewImageWidth, diff --git a/components/Library/index.tsx b/components/Library/index.tsx index 48731de9..6bee360c 100644 --- a/components/Library/index.tsx +++ b/components/Library/index.tsx @@ -126,7 +126,7 @@ export default function Library({ {!skipMetadata && Platform.OS === 'web' && library.images && library.images.length > 0 && ( {library.images.map(image => ( - + ))} )}