mdx restructure dirs (#4)

benorloff · Apr 24, 2024 · 6eabf07 · 6eabf07
1 parent 8d177fa
commit 6eabf07
Show file tree

Hide file tree

Showing 32 changed files with 216 additions and 412 deletions.
diff --git a/app/docs/[slug]/page.tsx b/app/docs/[slug]/page.tsx
@@ -1,10 +1,6 @@
-import { format, parseISO } from 'date-fns'
 import { allDocs } from 'contentlayer/generated'
-import { getMDXComponent } from 'next-contentlayer/hooks'
 import { Breadcrumbs } from '@/components/breadcrumbs'
-import { Demo } from '@/components/demo'
-import { HoverGridCode } from '@/app/gluons/hover-grid/_demo/hover-grid-code'
-import { HoverGridPreview } from '@/app/gluons/hover-grid/_demo/hover-grid-preview'
+import { Mdx } from '@/components/mdx-components'
 
 interface DocPageProps {
     params: {
@@ -39,28 +35,18 @@ const DocPage = ({
 
     if (!doc) throw new Error(`doc not found for slug: ${params.slug}`)
 
-    const Content = getMDXComponent(doc.body.code)
-
-    if (!doc) throw new Error(`doc not found for slug: ${params.slug}`)
-
-    const previewCodeTitle = doc.title.toLowerCase().replace(/\s/g, '-')
-
     return (
         <div>
             <section className="w-full space-y-2">
                 <Breadcrumbs />
-                <h1 className="text-4xl font-semibold">{doc.title}</h1>
-                <p className="text-muted-foreground">{doc.description}</p>
+                <h1 className="text-4xl font-semibold">
+                    {doc.title}
+                </h1>
+                <p className="text-muted-foreground">
+                    {doc.description}
+                </p>
+                <Mdx code={doc.body.code}/>
             </section>
-            <Demo
-                title={`${previewCodeTitle}.tsx`}
-                lang="tsx"
-                code={HoverGridCode}
-                lineNumbers={true}
-                className="!my-0"
-            >
-                <HoverGridPreview />
-            </Demo>
         </div>
     )
 }

diff --git a/app/gluons/carousel/_demo/carousel-preview.tsx b/app/gluons/carousel/_demo/carousel-preview.tsx
diff --git a/app/gluons/carousel/page.tsx b/app/gluons/carousel/page.tsx
diff --git a/app/gluons/content-accordion/_demo/content-accordion-preview.tsx b/app/gluons/content-accordion/_demo/content-accordion-preview.tsx
diff --git a/app/gluons/content-accordion/page.tsx b/app/gluons/content-accordion/page.tsx
diff --git a/app/gluons/hover-grid/_demo/hover-grid-code.tsx b/app/gluons/hover-grid/_demo/hover-grid-code.tsx
diff --git a/app/gluons/hover-grid/page.tsx b/app/gluons/hover-grid/page.tsx
diff --git a/app/gluons/layout.tsx b/app/gluons/layout.tsx
diff --git a/app/gluons/playground/page.tsx b/app/gluons/playground/page.tsx
diff --git a/components/demo-code.tsx b/components/demo-code.tsx
@@ -1,3 +1,5 @@
+"use server"
+
 import { Code, BrightProps} from "bright";
 
 interface DemoCodeProps {