Fix color scheme and search issues

shafiqrbs · Sep 18, 2023 · 93b4a94 · 93b4a94
1 parent 98699d4
commit 93b4a94
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/components/Search/Search.tsx b/components/Search/Search.tsx
@@ -19,7 +19,7 @@ export function Search({ data }: { data: any[] }) {
     <Spotlight
       store={searchStore}
       shortcut={['mod + K', 'mod + P', '/']}
-      actions={actions}
+      actions={actions || []}
       tagsToIgnore={[]}
       highlightQuery
       clearQueryOnClose

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -6,7 +6,7 @@ import '@mantine/dropzone/styles.css';
 import '@mantine/spotlight/styles.css';
 import '@mantine/ds/styles.css';
 import Head from 'next/head';
-import { MantineProvider, DirectionProvider } from "@mantine/core";
+import { MantineProvider, DirectionProvider, localStorageColorSchemeManager } from "@mantine/core";
 import { HotKeysHandler } from '@/components/HotKeysHandler';
 import { Search } from '@/components/Search';
 import { GaScript } from '@/components/GaScript';
@@ -35,7 +35,11 @@ export default function App({ Component, pageProps }: any) {
       <GaScript />
 
       <DirectionProvider initialDirection="ltr" detectDirection={false}>
-        <MantineProvider theme={theme} defaultColorScheme="auto">
+        <MantineProvider
+          theme={theme}
+          defaultColorScheme="auto"
+          colorSchemeManager={localStorageColorSchemeManager({ key: 'mantine-ui-color-scheme' })}
+        >
           <HotKeysHandler />
           <Component {...pageProps} />
           <Search data={pageProps.allComponents} />

diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -5,7 +5,7 @@ export default function Document() {
   return (
     <Html lang="en">
       <Head>
-        <ColorSchemeScript defaultColorScheme="auto" />
+        <ColorSchemeScript defaultColorScheme="auto" localStorageKey="mantine-ui-color-scheme" />
       </Head>
       <body>
         <Main />