Refactor MarkdownContent image

FilecoinFoundationWeb · Oct 7, 2024 · 9311ef5 · 9311ef5
1 parent 367cdc6
commit 9311ef5
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/src/app/_components/MarkdownContent.tsx b/src/app/_components/MarkdownContent.tsx
@@ -1,3 +1,5 @@
+import Image from 'next/image'
+
 import ReactMarkdown from 'react-markdown'
 import rehypeRaw from 'rehype-raw'
 import remarkGfm from 'remark-gfm'
@@ -6,8 +8,6 @@ import { graphicsData } from '@/data/graphicsData'
 
 import { buildImageSizeProp } from '@/utils/buildImageSizeProp'
 
-import { DynamicImage } from '@/components/DynamicImage'
-
 type MarkdownContentProps = {
   children: string
 }
@@ -20,12 +20,12 @@ export function MarkdownContent({ children }: MarkdownContentProps) {
       className="prose"
       components={{
         img: ({ src, alt }) => (
-          <DynamicImage
-            src={src || ''}
-            alt={alt || ''}
+          <Image
+            priority
+            src={src || graphicsData.imageFallback.data.src}
+            alt={!src ? graphicsData.imageFallback.alt : alt || ''}
             width={800}
             height={450}
-            fallback={graphicsData.imageFallback}
             sizes={buildImageSizeProp({ startSize: '100vw', md: '660px' })}
           />
         ),