From 9829456ed895f94c22469f7e0c7e9698e6edf678 Mon Sep 17 00:00:00 2001
From: Anton Tranelis <mail@antontranelis.de>
Date: Mon, 10 Jun 2024 11:45:54 +0200
Subject: [PATCH] fixed sidenav margin in embedded mode

---
 src/Components/AppShell/SideBar.tsx                 | 13 ++++++++++++-
 .../Map/Subcomponents/Controls/SearchControl.tsx    |  4 +---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/Components/AppShell/SideBar.tsx b/src/Components/AppShell/SideBar.tsx
index 5e1cd7a1..d4e70900 100644
--- a/src/Components/AppShell/SideBar.tsx
+++ b/src/Components/AppShell/SideBar.tsx
@@ -49,10 +49,21 @@ export function SideBar({ routes, bottomRoutes }: { routes: route[], bottomRoute
     }
   }, [])
 
+  const searchInput = useRef<HTMLInputElement>(null);
+  const [embedded, setEmbedded] = useState<boolean>(true)
+
+
+  useEffect(() => {
+      let params = new URLSearchParams(location.search);
+      let embedded = params.get("embedded");
+      embedded != "true" && setEmbedded(false)
+      
+  }, [location]);
+
   return (
     <nav
       id="sidenav"
-      className="group tw-fixed tw-left-0 tw-mt-16 tw-top-0 tw-z-[10035] tw-h-[calc(100dvh-64px)] tw--translate-x-full tw-overflow-hidden tw-shadow-xl data-[te-sidenav-slim='true']:tw-hidden data-[te-sidenav-slim-collapsed='true']:tw-w-[56px] data-[te-sidenav-slim='true']:tw-w-[56px] data-[te-sidenav-hidden='false']:tw-translate-x-0 dark:tw-bg-zinc-800 [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='false']]:tw-hidden [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='true']]:[display:unset]"
+      className={`group tw-fixed tw-left-0 ${embedded ? 'tw-mt-5' : 'tw-mt-16' } tw-top-0 tw-z-[10035] tw-h-[calc(100dvh-64px)] tw--translate-x-full tw-overflow-hidden tw-shadow-xl data-[te-sidenav-slim='true']:tw-hidden data-[te-sidenav-slim-collapsed='true']:tw-w-[56px] data-[te-sidenav-slim='true']:tw-w-[56px] data-[te-sidenav-hidden='false']:tw-translate-x-0 dark:tw-bg-zinc-800 [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='false']]:tw-hidden [&[data-te-sidenav-slim-collapsed='true'][data-te-sidenav-slim='true']]:[display:unset]`}
       data-te-sidenav-init
       data-te-sidenav-hidden="true"
       data-te-sidenav-mode="side"
diff --git a/src/Components/Map/Subcomponents/Controls/SearchControl.tsx b/src/Components/Map/Subcomponents/Controls/SearchControl.tsx
index a45a4dca..280050fb 100644
--- a/src/Components/Map/Subcomponents/Controls/SearchControl.tsx
+++ b/src/Components/Map/Subcomponents/Controls/SearchControl.tsx
@@ -88,9 +88,7 @@ export const SearchControl = () => {
     useEffect(() => {
         let params = new URLSearchParams(location.search);
         let embedded = params.get("embedded");
-        embedded != "true" && setEmbedded(false)
-        console.log(embedded);
-        
+        embedded != "true" && setEmbedded(false)        
     }, [location]);