From d67f3514eff4f45ad1ca84cde6465e622acd4dcc Mon Sep 17 00:00:00 2001
From: flu0r1ne <flu0r1ne@flu0r1ne.net>
Date: Thu, 7 Sep 2023 21:28:37 -0500
Subject: Scoped global styling to all markdown

Make React compatible with markdown-style HTML by added components
with identical styling to markdown. This is done while CSS scoping
is maintained. Additional style is loaded through the markdown loader
by injecting default-styling tags into the components. This allows
default-margin to be added to these elements in addition to the styling
found in the React elements. The homepage reflects the domain, as defined
by an environmental variable.
---
 components/Markdown/index.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

(limited to 'components/Markdown/index.tsx')

diff --git a/components/Markdown/index.tsx b/components/Markdown/index.tsx
index 1a71330..b6def4f 100644
--- a/components/Markdown/index.tsx
+++ b/components/Markdown/index.tsx
@@ -1,24 +1,24 @@
 import React, { FC } from 'react';
-import styles from './markdown.module.scss';
+
 import clsx from 'clsx';
 
 interface MarkdownProps {
     md: string;
     className?: string;
-    props?: object;
 }
 
-const Markdown : FC<MarkdownProps> = ({md, className, ...props}) => (
-    <div
-        className={clsx(styles.markdownContainer, className)}
+const Markdown : FC<MarkdownProps> = ({md, className}) => {
 
+  const prerendered = (
+    <div
         dangerouslySetInnerHTML={{
             __html: md
         }}
-
-        {...props}
     />
-);
+  );
+
+  return prerendered;
+};
 
 export type {
     MarkdownProps
-- 
cgit v1.2.3

