chore: fix file upload paths

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 }) => {

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,
         },
       ],

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 ?? {}),
     }
   }
 

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]) ??