From 0f8fe5c42f2d508e368ae1ee591ad459ce6fceef Mon Sep 17 00:00:00 2001
From: Pagebakers <eelco@appulse.nl>
Date: Thu, 15 Feb 2024 09:55:06 -0300
Subject: [PATCH] chore: fix file upload paths

---
 apps/website/next.config.js                   | 10 ++++++++
 apps/website/src/data/components-sidebar.ts   |  2 +-
 .../src/docs/utils/contentlayer-utils.ts      | 25 +++++++++++--------
 apps/website/src/pages/docs/[[...slug]].tsx   |  4 +--
 .../{ => forms}/file-upload/props.mdx         |  0
 .../{ => forms}/file-upload/theming.mdx       |  0
 .../{ => forms}/file-upload/usage.mdx         |  0
 7 files changed, 27 insertions(+), 14 deletions(-)
 rename apps/website/src/pages/docs/components/{ => forms}/file-upload/props.mdx (100%)
 rename apps/website/src/pages/docs/components/{ => forms}/file-upload/theming.mdx (100%)
 rename apps/website/src/pages/docs/components/{ => forms}/file-upload/usage.mdx (100%)

diff --git a/apps/website/next.config.js b/apps/website/next.config.js
index f1da4aceb..3de1ff752 100644
--- a/apps/website/next.config.js
+++ b/apps/website/next.config.js
@@ -48,6 +48,16 @@ let config = {
         destination: '/docs/components/authentication/:path*',
         permanent: true,
       },
+      {
+        source: '/docs/components/file-upload',
+        destination: '/docs/components/forms/file-upload',
+        permanent: true,
+      },
+      {
+        source: '/docs/components/file-upload/:path*',
+        destination: '/docs/components/forms/file-upload/:path*',
+        permanent: true,
+      },
     ]
   },
   webpack: (config, { defaultLoaders }) => {
diff --git a/apps/website/src/data/components-sidebar.ts b/apps/website/src/data/components-sidebar.ts
index 791cb5f11..4ffe72425 100644
--- a/apps/website/src/data/components-sidebar.ts
+++ b/apps/website/src/data/components-sidebar.ts
@@ -138,7 +138,7 @@ const sidebar = {
         },
         {
           title: 'FileUpload',
-          path: '/docs/components/file-upload',
+          path: '/docs/components/forms/file-upload',
           new: true,
         },
       ],
diff --git a/apps/website/src/docs/utils/contentlayer-utils.ts b/apps/website/src/docs/utils/contentlayer-utils.ts
index f863766f3..be7863ca0 100644
--- a/apps/website/src/docs/utils/contentlayer-utils.ts
+++ b/apps/website/src/docs/utils/contentlayer-utils.ts
@@ -14,13 +14,16 @@ function toCapitalized(str: string) {
 }
 
 export function getGroupedComponents() {
-  return getDocByType('components').reduce((acc, doc) => {
-    const category = doc.category
-    if (!category) return acc
-    acc[toCapitalized(category)] ??= []
-    acc[toCapitalized(category)].push(doc)
-    return acc
-  }, {} as { [key: string]: any[] })
+  return getDocByType('components').reduce(
+    (acc, doc) => {
+      const category = doc.category
+      if (!category) return acc
+      acc[toCapitalized(category)] ??= []
+      acc[toCapitalized(category)].push(doc)
+      return acc
+    },
+    {} as { [key: string]: any[] }
+  )
 }
 
 const getUsageDoc = (id: string) => {
@@ -52,16 +55,16 @@ export const getDocDoc = (slug: MixedArray): Doc | undefined => {
   if (isThemingTab) {
     doc.frontMatter = {
       ...doc.frontMatter,
-      ...(getUsageDoc(doc.id)?.frontMatter ?? {}),
-      ...(getThemingDoc(doc.id)?.frontMatter ?? {}),
+      ...(getUsageDoc(doc.id!)?.frontMatter ?? {}),
+      ...(getThemingDoc(doc.id!)?.frontMatter ?? {}),
     }
   }
 
   if (isPropsTab) {
     doc.frontMatter = {
       ...doc.frontMatter,
-      ...(getUsageDoc(doc.id)?.frontMatter ?? {}),
-      ...(getPropsDoc(doc.id)?.frontMatter ?? {}),
+      ...(getUsageDoc(doc.id!)?.frontMatter ?? {}),
+      ...(getPropsDoc(doc.id!)?.frontMatter ?? {}),
     }
   }
 
diff --git a/apps/website/src/pages/docs/[[...slug]].tsx b/apps/website/src/pages/docs/[[...slug]].tsx
index 8836bc30c..7ab8cdc32 100644
--- a/apps/website/src/pages/docs/[[...slug]].tsx
+++ b/apps/website/src/pages/docs/[[...slug]].tsx
@@ -49,8 +49,8 @@ export const getStaticPaths: GetStaticPaths = async () => {
 }
 
 export const getStaticProps: GetStaticProps = async (ctx) => {
-  const tabsData = getComponentTabsData([ctx.params?.slug])
-  const doc = getDocDoc([ctx.params.slug])
+  const tabsData = getComponentTabsData([ctx.params?.slug!])
+  const doc = getDocDoc([ctx.params?.slug!])
 
   const params =
     (Array.isArray(ctx.params?.slug) ? ctx.params?.slug : [ctx.params?.slug]) ??
diff --git a/apps/website/src/pages/docs/components/file-upload/props.mdx b/apps/website/src/pages/docs/components/forms/file-upload/props.mdx
similarity index 100%
rename from apps/website/src/pages/docs/components/file-upload/props.mdx
rename to apps/website/src/pages/docs/components/forms/file-upload/props.mdx
diff --git a/apps/website/src/pages/docs/components/file-upload/theming.mdx b/apps/website/src/pages/docs/components/forms/file-upload/theming.mdx
similarity index 100%
rename from apps/website/src/pages/docs/components/file-upload/theming.mdx
rename to apps/website/src/pages/docs/components/forms/file-upload/theming.mdx
diff --git a/apps/website/src/pages/docs/components/file-upload/usage.mdx b/apps/website/src/pages/docs/components/forms/file-upload/usage.mdx
similarity index 100%
rename from apps/website/src/pages/docs/components/file-upload/usage.mdx
rename to apps/website/src/pages/docs/components/forms/file-upload/usage.mdx