Refactor Markdown component to include paragraph after image (#2798)

This commit is contained in:
Yulong Wang 2024-03-12 22:06:54 +08:00 committed by GitHub
parent 6854a3fd26
commit 870ca713df
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194

View File

@ -162,7 +162,8 @@ export function Markdown(props: { content: string; className?: string }) {
const image = node.children[0] const image = node.children[0]
return ( return (
// eslint-disable-next-line @next/next/no-img-element <>
{/* eslint-disable-next-line @next/next/no-img-element */}
<img <img
src={image.properties.src} src={image.properties.src}
width={250} width={250}
@ -170,6 +171,8 @@ export function Markdown(props: { content: string; className?: string }) {
className="max-w-full h-auto align-middle border-none rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300 ease-in-out mt-2 mb-2" className="max-w-full h-auto align-middle border-none rounded-lg shadow-md hover:shadow-lg transition-shadow duration-300 ease-in-out mt-2 mb-2"
alt={image.properties.alt} alt={image.properties.alt}
/> />
<p>{paragraph.children.slice(1)}</p>
</>
) )
} }
return <p>{paragraph.children}</p> return <p>{paragraph.children}</p>