Doing more refactoring

shawkyebrahim2514 · Dec 11, 2024 · 73389cd · 73389cd
1 parent 06b8657
commit 73389cd
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 11 deletions.
diff --git a/react-frontend/src/components/HTMLMarkdown/customPlugins/customImage.ts b/react-frontend/src/components/HTMLMarkdown/customPlugins/customImage.ts
@@ -47,7 +47,7 @@ const imageContainerStyle = (align: string): React.CSSProperties => {
     }
 }
 
-export const customImagePlugin = () => {
+export const customImage = () => {
     return function (tree: Nodes) {
         visit(tree, 'paragraph', (node: Nodes) => {
             let nodeFullText = toString(node);

diff --git a/react-frontend/src/components/HTMLMarkdown/customPlugins/customText/captureNewline.ts b/react-frontend/src/components/HTMLMarkdown/customPlugins/customText/captureNewline.ts
@@ -9,7 +9,7 @@ export const captureNewline = (node: Node): customType => ({
             children: [],
             data: {
                 hProperties: {
-                    style: "margin: 0.5rem 0; display: block;"
+                    style: "margin: 0.5rem 0; display: grid;"
                 }
             }
         } as any)

diff --git a/react-frontend/src/components/HTMLMarkdown/customPlugins/index.ts b/react-frontend/src/components/HTMLMarkdown/customPlugins/index.ts
@@ -1,4 +1,4 @@
 export { customText } from './customText';
 export { customBlockquote } from './customBlockquote';
 export { customHighlightText } from './customHighlightText';
-export { customImagePlugin } from './customImage';
+export { customImage } from './customImage';
diff --git a/react-frontend/src/components/HTMLMarkdown/index.tsx b/react-frontend/src/components/HTMLMarkdown/index.tsx
@@ -1,16 +1,14 @@
 import ReactMarkdown, { Components } from 'react-markdown';
 import remarkGfm from 'remark-gfm';
 import remarkBreaks from 'remark-breaks'
-import remarkDirective from 'remark-directive'
-import remarkDirectiveRehype from 'remark-directive-rehype'
 import HrMarkdown from './HrMarkdown';
 import UlMarkdown from './UlMarkdown';
 import LiMarkdown from './LiMarkdown';
 import HeadingMarkdown from './HeadingMarkdown';
 import SpanMarkdown from './SpanMarkdown';
 import BlockquoteMarkdown from './BlockquoteMarkdown';
 import AncherLinkMarkdown from './AncherLinkMarkdown';
-import { customBlockquote, customHighlightText, customImagePlugin, customText } from './customPlugins';
+import { customBlockquote, customHighlightText, customImage, customText } from './customPlugins';
 
 type Props = {
     readonly markdown: string
@@ -36,11 +34,9 @@ function HTMLMarkdown({ markdown }: Props) {
     return (
         <ReactMarkdown
             remarkPlugins={[
-                // remarkGfm,
-                // remarkBreaks,
-                // remarkDirective,
-                // remarkDirectiveRehype,
-                customImagePlugin,
+                remarkGfm,
+                remarkBreaks,
+                customImage,
                 customText,
                 customHighlightText,
                 customBlockquote