From 496c13022d9b4b78eea796d7d1448ec07d9ba521 Mon Sep 17 00:00:00 2001
From: Ivan S Glazunov <ivansglazunov@gmail.com>
Date: Sun, 21 Jul 2024 17:54:25 +0000
Subject: [PATCH] fix

---
 imports/orientation.tsx |  4 +++-
 pages/index.tsx         | 28 +++++++++++++++-------------
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/imports/orientation.tsx b/imports/orientation.tsx
index d592d80..f5eee2f 100644
--- a/imports/orientation.tsx
+++ b/imports/orientation.tsx
@@ -134,6 +134,7 @@ export const Orientation = memo(function Orientation({
   onescreen: _onescreen,
   insert=true,
   delete: _delete=true,
+  usePathState = useState,
   children,
 }: {
   query?: any;
@@ -147,6 +148,7 @@ export const Orientation = memo(function Orientation({
   onescreen?: boolean;
   insert?: boolean;
   delete?: boolean;
+  usePathState?: typeof useState;
   children?: any;
 }) {
   const deep = useDeep();
@@ -260,7 +262,7 @@ export const Orientation = memo(function Orientation({
     }),
   }), []);
 
-  const [path, setPath] = useState<PathI>([
+  const [path, setPath] = usePathState<PathI>([
     {
       key: itemsCounter++,
       query: query || queries.contains(deep.linkId),
diff --git a/pages/index.tsx b/pages/index.tsx
index 628b054..fac6875 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -185,12 +185,6 @@ export function Auth() {
         <Input type="password" value={_token} onChange={e => _setToken(e.target.value)} placeholder="token" w='100%' size='md' onKeyDown={e => e.key === 'Enter' && enter()}/>
       </VStack>
       <Flex>
-        <Button variant='danger' w="3em" h="3em" onClick={() => {
-          setPath('');
-          setToken('');
-        }}>
-          <IoExitOutline/>
-        </Button>
         <Spacer/>
         <Button variant="active" w="3em" h="3em" onClick={enter}>
           <IoEnterOutline/>
@@ -205,15 +199,25 @@ export function Auth() {
         }}>
           <IoMdPersonAdd/>
         </Button>
+        <Button variant='danger' w="3em" h="3em" onClick={() => {
+          setPath('');
+          setToken('');
+        }}>
+          <IoExitOutline/>
+        </Button>
       </Flex>
     </Box>
   </Box>;
 }
 
-export function Content() {
+export function usePathState(defaultValue) {
+  // return useQueryStore('orientation', defaultValue);
+  return useState(defaultValue);
+}
+
+export const Content = memo(function Content() {
   const deep = useDeep();
   const { t } = useTranslation();
-  const router = useRouter();
 
   (global as any).deep = deep;
   (global as any).ml = deep?.minilinks;
@@ -237,7 +241,7 @@ export function Content() {
   }, []);
 
   return (<>
-    {[<Orientation key={deep.linkId} scope='deep' linkId={deep.linkId}>
+    {[<Orientation key={deep?.linkId} scope='deep' linkId={deep?.linkId} usePathState={usePathState as any}>
       <Grid
         templateAreas={`"tabs tabs"
                         "nav main"`}
@@ -309,7 +313,7 @@ export function Content() {
   //   <Box flex='1' bg='tomato' overflow="hidden">
   //   </Box>
   // </Flex>);
-};
+}, () => true);
 
 export default function Page({
   defaultPath,
@@ -335,9 +339,7 @@ export default function Page({
       <FinderProvider>
         <DeepNamespaceProvider>
           <MinilinksProvider>
-            {!!path && <>
-            </>}
-            {<AutoGuest/>}
+            <AutoGuest/>
             <Mounted>
               <Content/>
             </Mounted>