From 6a1de5d2c46b21a78879e0e834774b1fea5478b9 Mon Sep 17 00:00:00 2001
From: Luc <luchohieu@gmail.com>
Date: Sun, 12 Nov 2023 21:04:36 +0700
Subject: [PATCH] [docs]: fix sitemap, improve accessibility

---
 apps/docs/src/app/layout.tsx                      |  2 +-
 apps/docs/src/app/sitemap.ts                      |  2 +-
 apps/docs/src/components/Shell/Navbar/NavLink.tsx |  3 ++-
 apps/docs/src/theme/NavLink.module.css            |  3 +++
 apps/docs/src/{app/theme.ts => theme/index.ts}    | 15 ++++++++++++---
 5 files changed, 19 insertions(+), 6 deletions(-)
 create mode 100644 apps/docs/src/theme/NavLink.module.css
 rename apps/docs/src/{app/theme.ts => theme/index.ts} (55%)

diff --git a/apps/docs/src/app/layout.tsx b/apps/docs/src/app/layout.tsx
index 536454e..b913140 100644
--- a/apps/docs/src/app/layout.tsx
+++ b/apps/docs/src/app/layout.tsx
@@ -1,7 +1,7 @@
 import { MantineProvider, ColorSchemeScript } from '@mantine/core';
 import Shell from '@/components/Shell/Shell';
 import { ContextMenuProvider } from 'mantine-contextmenu';
-import { theme } from './theme';
+import { theme } from '../theme';
 import { Metadata } from 'next';
 import { SITE_TITLE } from '@/config';
 
diff --git a/apps/docs/src/app/sitemap.ts b/apps/docs/src/app/sitemap.ts
index ff12581..7fc9330 100644
--- a/apps/docs/src/app/sitemap.ts
+++ b/apps/docs/src/app/sitemap.ts
@@ -17,7 +17,7 @@ function flattenRoutes(routes: Array<Route>): Array<string> {
 
 export default function sitemap(): MetadataRoute.Sitemap {
   const routes = flattenRoutes(ROUTES)
-    .filter((route) => route !== '/' || !route.startsWith('/'));
+    .filter((route) => route !== '/' && route.startsWith('/'));
 
   return [
     {
diff --git a/apps/docs/src/components/Shell/Navbar/NavLink.tsx b/apps/docs/src/components/Shell/Navbar/NavLink.tsx
index e484aa1..e1cca84 100644
--- a/apps/docs/src/components/Shell/Navbar/NavLink.tsx
+++ b/apps/docs/src/components/Shell/Navbar/NavLink.tsx
@@ -34,10 +34,11 @@ const NavLink = ({ href, label, icon, iconProps, subLinks }: Route) => {
   return (
     <MNavLink
       {...sharedProps}
+      defaultOpened={opened}
+      component='div'
       classNames={{
         children: classes.children,
       }}
-      defaultOpened={opened}
     >
       {subLinks.map((link) => (
         <MNavLink
diff --git a/apps/docs/src/theme/NavLink.module.css b/apps/docs/src/theme/NavLink.module.css
new file mode 100644
index 0000000..f0ac40b
--- /dev/null
+++ b/apps/docs/src/theme/NavLink.module.css
@@ -0,0 +1,3 @@
+.label {
+  color: light-dark(var(--mantine-color-dark-7), var(--mantine-color-gray-2));
+}
diff --git a/apps/docs/src/app/theme.ts b/apps/docs/src/theme/index.ts
similarity index 55%
rename from apps/docs/src/app/theme.ts
rename to apps/docs/src/theme/index.ts
index 60e13ed..5a8af31 100644
--- a/apps/docs/src/app/theme.ts
+++ b/apps/docs/src/theme/index.ts
@@ -5,12 +5,21 @@ import '@mantine/code-highlight/styles.layer.css';
 import '@mantine/spotlight/styles.layer.css';
 import '@mantine/tiptap/styles.layer.css';
 import 'mantine-contextmenu/styles.layer.css';
-import './layout.css';
 import 'tiptap-extension-resizable-image/styles.css';
+import '@/app/layout.css';
 import '@/styles/editor.css';
 
-import { createTheme } from '@mantine/core';
+import { NavLink, createTheme } from '@mantine/core';
+import navLinkClasses from './NavLink.module.css';
 
 export const theme = createTheme({
-  /* Put your mantine theme override here */
+  components: {
+    NavLink: NavLink.extend({
+      defaultProps: {
+        classNames: {
+          label: navLinkClasses.label,
+        }
+      }
+    })
+  }
 });