Supporting markdown newlines and centered personal image

shawkyebrahim2514 · Dec 5, 2024 · 0a21272 · 0a21272
1 parent 6b48893
commit 0a21272
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/react-frontend/src/components/HTMLMarkdown/customPlugins.ts b/react-frontend/src/components/HTMLMarkdown/customPlugins.ts
@@ -211,6 +211,14 @@ export const configureTextDirection = () => {
                         return null;
                     }
                 ])
+                findAndReplace(node as Nodes, [
+                    /\[newline\]/,
+                    (fullText: any) => {
+                        return {
+                            type: 'break'
+                        }
+                    }
+                ])
             }
         })
     }

diff --git a/react-frontend/src/containers/About/index.tsx b/react-frontend/src/containers/About/index.tsx
@@ -9,14 +9,13 @@ import Loader from '../../components/Loader';
 
 function About() {
     const [aboutPage, setAboutPage] = useState<SanityAboutPage | null>(null);
-    const isMediumScreen = useMediaQuery({ query: '(max-width: 1124px)' });
     const containerStyle = useMemo((): CSSProperties => ({
         display: "flex",
-        flexDirection: isMediumScreen ? "column-reverse" : "row",
+        flexDirection: "column-reverse",
         justifyContent: "space-between",
         alignItems: "center",
         gap: "2rem",
-    }), [isMediumScreen]);
+    }), []);
 
     useEffect(() => {
         getAboutPage().then((result) => {