item lint

1ifeworld · Feb 25, 2024 · 5c2ea68 · 5c2ea68
1 parent 3d04567
commit 5c2ea68
Showing 1 changed file with 31 additions and 24 deletions.
diff --git a/apps/site/components/server/ItemCard.tsx b/apps/site/components/server/ItemCard.tsx
@@ -1,4 +1,7 @@
-import { IMAGE_THUMBNAIL_TYPES_TO_RENDER, VIDEO_THUMBNAIL_TYPES_TO_RENDER } from '@/constants'
+import {
+  IMAGE_THUMBNAIL_TYPES_TO_RENDER,
+  VIDEO_THUMBNAIL_TYPES_TO_RENDER,
+} from '@/constants'
 import { Flex, Stack, Typography } from '@/design-system'
 import { type Adds } from '@/gql'
 import { type MediaAssetObject, w3sUrlFromCid } from '@/lib'
@@ -34,29 +37,33 @@ export async function ItemCard({
         className="transition-all"
       >
         <Stack className="relative aspect-[5/6] justify-center items-center">
-        {IMAGE_THUMBNAIL_TYPES_TO_RENDER.includes(itemMetadata?.contentType as string) ? (
-  <Image
-    className="object-contain"
-    src={w3sUrlFromCid({ cid: itemMetadata?.image as string })}
-    alt={itemMetadata?.name as string}
-    fill
-    quality={100}
-    sizes="(min-width: 1200px) 20vw, (min-width: 768px) 25vw, 50vw"
-    priority={true}
-  />
-) : VIDEO_THUMBNAIL_TYPES_TO_RENDER.includes(itemMetadata?.contentType as string) ? (
-  <Image
-    className="object-contain"
-    src={`https://image.mux.com/${itemMetadata?.muxPlaybackId}/thumbnail.png?width=1200&height=1000&fit_mode=smartcrop&time=35`}
-    alt={itemMetadata?.name as string}
-    fill
-    quality={100}
-    sizes="(min-width: 1200px) 20vw, (min-width: 768px) 25vw, 50vw"
-    priority={true}
-  />
-) : (
-  <GenericThumbnailLarge text={itemMetadata?.contentType as string} />
-)}
+          {IMAGE_THUMBNAIL_TYPES_TO_RENDER.includes(
+            itemMetadata?.contentType as string,
+          ) ? (
+            <Image
+              className="object-contain"
+              src={w3sUrlFromCid({ cid: itemMetadata?.image as string })}
+              alt={itemMetadata?.name as string}
+              fill
+              quality={100}
+              sizes="(min-width: 1200px) 20vw, (min-width: 768px) 25vw, 50vw"
+              priority={true}
+            />
+          ) : VIDEO_THUMBNAIL_TYPES_TO_RENDER.includes(
+              itemMetadata?.contentType as string,
+            ) ? (
+            <Image
+              className="object-contain"
+              src={`https://image.mux.com/${itemMetadata?.muxPlaybackId}/thumbnail.png?width=1200&height=1000&fit_mode=smartcrop&time=35`}
+              alt={itemMetadata?.name as string}
+              fill
+              quality={100}
+              sizes="(min-width: 1200px) 20vw, (min-width: 768px) 25vw, 50vw"
+              priority={true}
+            />
+          ) : (
+            <GenericThumbnailLarge text={itemMetadata?.contentType as string} />
+          )}
         </Stack>
       </Link>
       <Stack className="gap-y-[10px]">