| const children_node = node.children | const children_node = node.children | ||||
| if (children_node && children_node[0] && 'tagName' in children_node[0] && children_node[0].tagName === 'img') { | if (children_node && children_node[0] && 'tagName' in children_node[0] && children_node[0].tagName === 'img') { | ||||
| return ( | return ( | ||||
| <> | |||||
| <div className="markdown-img-wrapper"> | |||||
| <ImageGallery srcs={[children_node[0].properties.src]} /> | <ImageGallery srcs={[children_node[0].properties.src]} /> | ||||
| { | { | ||||
| Array.isArray(paragraph.children) ? <p>{paragraph.children.slice(1)}</p> : null | |||||
| Array.isArray(paragraph.children) && paragraph.children.length > 1 && ( | |||||
| <div className="mt-2">{paragraph.children.slice(1)}</div> | |||||
| ) | |||||
| } | } | ||||
| </> | |||||
| </div> | |||||
| ) | ) | ||||
| } | } | ||||
| return <p>{paragraph.children}</p> | return <p>{paragraph.children}</p> | ||||
| } | } | ||||
| const Img = ({ src }: any) => { | const Img = ({ src }: any) => { | ||||
| return (<ImageGallery srcs={[src]} />) | |||||
| return <div className="markdown-img-wrapper"><ImageGallery srcs={[src]} /></div> | |||||
| } | } | ||||
| const Link = ({ node, ...props }: any) => { | const Link = ({ node, ...props }: any) => { |