From c8a602db05a9f22f21a6844fe820874693c258a9 Mon Sep 17 00:00:00 2001
From: vchikalkin <djchikalkin@gmail.com>
Date: Wed, 29 Jan 2025 11:53:48 +0300
Subject: [PATCH] apps/web: bottom navbar only for first-level pages

---
 apps/web/components/navigation/navbar/index.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/apps/web/components/navigation/navbar/index.tsx b/apps/web/components/navigation/navbar/index.tsx
index 997576e..380c1af 100644
--- a/apps/web/components/navigation/navbar/index.tsx
+++ b/apps/web/components/navigation/navbar/index.tsx
@@ -1,7 +1,14 @@
+'use client';
 import { NavButton } from './nav-button';
 import { BookOpen, Newspaper, PlusCircle, User, Users } from 'lucide-react';
+import { usePathname } from 'next/navigation';
 
 export function BottomNav() {
+  const pathname = usePathname();
+
+  const isFirstLevel = pathname.split('/').length <= 2;
+  if (!isFirstLevel) return null;
+
   return (
     <nav className="fixed inset-x-0 bottom-0 border-t border-border bg-background">
       <div className="grid grid-cols-5">