one more

nasubi916 · Apr 7, 2024 · 0fa8139 · 0fa8139
1 parent f63d52f
commit 0fa8139
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 88 deletions.
diff --git a/articles/uploaded/test.md b/articles/uploaded/test.md
diff --git a/src/components/Article.tsx b/src/components/Article.tsx
@@ -0,0 +1,20 @@
+import { type ReactElement } from "react";
+import { styled as p } from "@panda/jsx";
+import "./Layout.css";
+import Test from "../../blogs/articles/uploaded/2.md";
+
+/** @type {import('mdx/types.js').MDXComponents} */
+const components = {
+  em(properties: any) {
+    return <i {...properties} />;
+  },
+};
+export default function Article(): ReactElement {
+  return (
+    <p.div w="full">
+      <div className="markdown-body">
+        <Test components={components} />
+      </div>
+    </p.div>
+  );
+}
diff --git a/src/pages/blogs/Layout.css → src/components/Layout.css b/src/pages/blogs/Layout.css → src/components/Layout.css
diff --git a/src/pages/blogs/+Page.tsx b/src/pages/blogs/+Page.tsx
@@ -1,14 +1,7 @@
 import { type ReactElement } from "react";
 import { styled as p } from "@panda/jsx";
-import "./Layout.css"
-import Test from "../../../articles/uploaded/test.md";
+import Article from "@/components/Article";
 
-/** @type {import('mdx/types.js').MDXComponents} */
-const components = {
-  em(properties: any) {
-    return <i {...properties} />;
-  },
-};
 export default function Blogs(): ReactElement {
   return (
     <p.div
@@ -18,11 +11,7 @@ export default function Blogs(): ReactElement {
       justifyContent="center"
     >
       <h1>Blogs</h1>
-      <p.div w="full">
-        <div className="markdown-body">
-          <Test components={components} />
-        </div>
-      </p.div>
+        <Article />
     </p.div>
   );
 }