From b34ebd85579ff3536d9762a9884686c25ddb8f60 Mon Sep 17 00:00:00 2001
From: Matthias Mair <code@mjmair.com>
Date: Mon, 15 Apr 2024 01:53:38 +0200
Subject: [PATCH] fix spotlight

---
 src/frontend/src/components/nav/Layout.tsx | 35 +++++++++++-----------
 src/frontend/src/main.tsx                  |  1 +
 2 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/frontend/src/components/nav/Layout.tsx b/src/frontend/src/components/nav/Layout.tsx
index 3a2243dde1..c652a13402 100644
--- a/src/frontend/src/components/nav/Layout.tsx
+++ b/src/frontend/src/components/nav/Layout.tsx
@@ -1,6 +1,6 @@
 import { t } from '@lingui/macro';
 import { Container, Flex, Space } from '@mantine/core';
-import { SpotlightProvider } from '@mantine/spotlight';
+import { Spotlight } from '@mantine/spotlight';
 import { IconSearch } from '@tabler/icons-react';
 import { useEffect, useState } from 'react';
 import { Navigate, Outlet, useLocation, useNavigate } from 'react-router-dom';
@@ -46,23 +46,22 @@ export default function LayoutComponent() {
 
   return (
     <ProtectedRoute>
-      <SpotlightProvider
-        actions={actions}
-        onActionsChange={actionsAreChanging}
-        searchIcon={<IconSearch size="1.2rem" />}
-        searchPlaceholder={t`Search...`}
-        shortcut={['mod + K', '/']}
-        nothingFoundMessage={t`Nothing found...`}
-      >
-        <Flex direction="column" mih="100vh">
-          <Header />
-          <Container className={classes.layoutContent} size="100%">
-            <Outlet />
-          </Container>
-          <Space h="xl" />
-          <Footer />
-        </Flex>
-      </SpotlightProvider>
+      <Flex direction="column" mih="100vh">
+        <Header />
+        <Container className={classes.layoutContent} size="100%">
+          <Outlet />
+        </Container>
+        <Space h="xl" />
+        <Footer />
+        <Spotlight
+          actions={actions}
+          //onActionsChange={actionsAreChanging}
+          //searchIcon={<IconSearch size="1.2rem" />}
+          //searchPlaceholder={t`Search...`}
+          shortcut={['mod + K', '/']}
+          //nothingFoundMessage={t`Nothing found...`}
+        />
+      </Flex>
     </ProtectedRoute>
   );
 }
diff --git a/src/frontend/src/main.tsx b/src/frontend/src/main.tsx
index a3a6760ae2..62219d080b 100644
--- a/src/frontend/src/main.tsx
+++ b/src/frontend/src/main.tsx
@@ -1,4 +1,5 @@
 import '@mantine/core/styles.css';
+import '@mantine/spotlight/styles.css';
 import * as Sentry from '@sentry/react';
 import React from 'react';
 import ReactDOM from 'react-dom/client';