feat: image added to post page

ammar-ahmed22 · Dec 17, 2024 · a547cfe · a547cfe
1 parent ad83098
commit a547cfe
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/public/index.html b/public/index.html
@@ -6,7 +6,7 @@
     <meta name="theme-color" content="#000000" />
     <meta
       name="description"
-      content="Ammar Ahmed's personal portfolio. Built with React, TypeScript, NextUI and Notion."
+      content="Ammar Ahmed's personal portfolio and blog. Built with React, TypeScript, NextUI and Notion."
     />
     <link rel="apple-touch-icon" sizes="180x180" href="%PUBLIC_URL%/favicon/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="%PUBLIC_URL%/favicon/favicon-32x32.png">

diff --git a/src/pages/Post/PostMetadata.tsx b/src/pages/Post/PostMetadata.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 import type { IPostMetadata } from '@ammarahmedca/types'
 import { useTextGradient } from '../../hooks/styles'
 import { formatDistance } from 'date-fns'
-import { Chip, Skeleton } from '@nextui-org/react'
+import { Chip, Skeleton, Image } from '@nextui-org/react'
 import { useBreakpointValue } from '../../hooks/mediaQuery'
 import { Helmet } from 'react-helmet'
 
@@ -48,6 +48,7 @@ const PostMetadata: React.FC<PostMetadataProps> = ({ metadata }) => {
       >
         {metadata.name}
       </h1>
+      {metadata.image && <Image src={metadata.image} />}
       <p className='text-default-500 text-base md:text-lg'>
         {elapsed}
       </p>