worked on nav

Stephen-Gordon · Apr 13, 2024 · 76c98cc · 76c98cc
1 parent a06ea4a
commit 76c98cc
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 10 deletions.
diff --git a/src/app/components/AuthPage/AuthPage.tsx b/src/app/components/AuthPage/AuthPage.tsx
@@ -30,8 +30,12 @@ export default function AuthPage ({children} : {children: React.ReactNode}) {
       }
     }, [pathname]); 
     return (
-        <>{authenticated && (
-            <>{children}</>
-        )}</>
+       <div className="h-full">{
+        authenticated &&  (
+            <div className="h-full">
+                {children}
+            </div>
+        ) }
+      </div>
     )
 }
diff --git a/src/app/components/BottomNav/BottomNav.tsx b/src/app/components/BottomNav/BottomNav.tsx
@@ -40,17 +40,19 @@ const BottomNavbar = () => {
   // redux
   const dispatch = useDispatch();
 
+  const address = useSelector((state: RootState) => state.address.value);
+
   return (
     <>
       <AnimatePresence initial={false}>
-        {showNav && (
+        {showNav && address && (
           <motion.nav
             layout
-            key={"nav"}
-            initial={{ opacity: 0, y: 100}}
-            animate={{ opacity: showNav ? 1 : 0, y: showNav ? 0 : 100}}
-            exit={{ opacity: 0, y: 100}}
-            transition={{ duration: 0.3, ease: 'easeInOut'}}
+            key={'nav'}
+            initial={{ opacity: 0, y: 100 }}
+            animate={{ opacity: showNav ? 1 : 0, y: showNav ? 0 : 100 }}
+            exit={{ opacity: 0, y: 100 }}
+            transition={{ duration: 0.3, ease: 'easeInOut' }}
             className='sticky bottom-0 flex h-auto w-full justify-between bg-transparent bg-opacity-0 bg-gradient-to-br from-slate-50/10 p-4 px-8 pb-8 pt-4 backdrop-blur-xl  '
           >
             {/* <Link href='/home'>

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -197,7 +197,7 @@ export default function RootLayout({
                   <WagmiProvider config={config!}>
                     <QueryClientProvider client={queryClient}>
                       <LayoutGroup>
-                        <div className='h-[100vh] justify-center'>
+                        <div style={{height: '100vh'}} className=' justify-center'>
                           <div
                             vaul-drawer-wrapper=''
                             className='relative h-full w-full justify-center overflow-hidden'