fix: bottom nav (#1167)

apps/web/src/components/Bangers/RenderBanger.tsx

@@ -11,7 +11,7 @@ import RenderLink from './RenderLink'
 
 const RenderBanger = ({ post }: { post: PrimaryPublication }) => {
   return (
-    <div className="ultrawide:space-y-8 tape-border hover:bg-gallery/50 hover:dark:bg-smoke space-y-6 !border-x-0 !border-t-0 p-5">
+    <div className="ultrawide:space-y-8 tape-border hover:bg-gallery/50 hover:dark:bg-smoke space-y-6 !border-x-0 !border-t-0 p-2 md:p-5">
       <div className="space-y-4">
         <div className="space-y-3">
           <div className="flex items-center justify-between">

apps/web/src/components/Common/Layout.tsx

@@ -28,10 +28,16 @@ import Navbar from './Navbar'
 interface Props {
   children: ReactNode
   skipNav?: boolean
+  skipBottomNav?: boolean
   skipPadding?: boolean
 }
 
-const Layout: FC<Props> = ({ children, skipNav, skipPadding }) => {
+const Layout: FC<Props> = ({
+  children,
+  skipNav,
+  skipBottomNav,
+  skipPadding
+}) => {
   const { setLensHubOnchainSigNonce } = useNonceStore()
   const activeProfile = useProfileStore((state) => state.activeProfile)
   const setActiveProfile = useProfileStore((state) => state.setActiveProfile)
@@ -131,7 +137,7 @@ const Layout: FC<Props> = ({ children, skipNav, skipPadding }) => {
       >
         {children}
       </div>
-      <MobileBottomNav />
+      {!skipBottomNav && <MobileBottomNav />}
     </>
   )
 }

apps/web/src/components/Common/Providers/index.tsx

@@ -15,7 +15,8 @@ const Web3Provider = dynamic(() => import('./Web3Provider'))
 const GlobalDialogs = dynamic(() => import('../GlobalDialogs'))
 const Layout = dynamic(() => import('../Layout'))
 
-const NO_NAV_PATHS = ['/login']
+const NO_TOP_NAV_PATHS = ['/login']
+const NO_BOTTOM_NAV_PATHS = ['/bangers']
 const NO_PADDING_PATHS = [
   '/u/[[...handle]]',
   '/bangers',
@@ -47,7 +48,8 @@ const Providers = ({ children }: { children: ReactNode }) => {
               <GlobalDialogs />
               <LivepeerConfig client={livepeerClient} theme={videoPlayerTheme}>
                 <Layout
-                  skipNav={NO_NAV_PATHS.includes(pathname)}
+                  skipNav={NO_TOP_NAV_PATHS.includes(pathname)}
+                  skipBottomNav={NO_BOTTOM_NAV_PATHS.includes(pathname)}
                   skipPadding={NO_PADDING_PATHS.includes(pathname)}
                 >
                   {children}