Mobile: hide bottom nav on any sub page (calcom#4626)

Co-authored-by: gitstart <[email protected]> Co-authored-by: Nitesh Singh <[email protected]> Co-authored-by: Matheus Muniz <[email protected]> Co-authored-by: hustle-ps <[email protected]> Co-authored-by: Olusanya Timothy <[email protected]> Co-authored-by: Thiago Nascimbeni <[email protected]> Co-authored-by: Peer Richelsen <[email protected]>
akashroy1 · Sep 21, 2022 · 7d1065d · 7d1065d
1 parent e2747f8
commit 7d1065d
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/ui/v2/core/Shell.tsx b/packages/ui/v2/core/Shell.tsx
@@ -575,11 +575,16 @@ function MobileNavigationContainer() {
 
 const MobileNavigation = () => {
   const isEmbed = useIsEmbed();
+  const router = useRouter();
+  const isSubNav = router.pathname.split("/").length > 3;
+
   return (
     <>
       <nav
         className={classNames(
-          "bottom-nav fixed bottom-0 z-30 -mx-4 flex w-full border border-t border-gray-200 bg-gray-50 bg-opacity-40 px-1 shadow backdrop-blur-md md:hidden",
+          isSubNav
+            ? "hidden"
+            : "bottom-nav fixed bottom-0 z-30 -mx-4 flex w-full border border-t border-gray-200 bg-gray-50 bg-opacity-40 px-1 shadow backdrop-blur-md md:hidden",
           isEmbed && "hidden"
         )}>
         {mobileNavigationBottomItems.map((item) => (