Revert "Threads-style nav: Home, Search, +, Activity (heart+badge), Profile as bottom nav tabs"

This reverts commit 7f81923b3e.

sojorn_app/lib/routes/app_routes.dart

@@ -21,7 +21,6 @@ import '../screens/discover/discover_screen.dart';
 import '../screens/secure_chat/secure_chat_full_screen.dart';
 import '../screens/secure_chat/secure_chat_loader_screen.dart';
 import '../screens/post/threaded_conversation_screen.dart';
-import '../screens/notifications/notifications_screen.dart';
 
 /// App routing config (GoRouter).
 class AppRoutes {
@@ -89,7 +88,6 @@ class AppRoutes {
           authenticatedChild: HomeShell(navigationShell: navigationShell),
         ),
         branches: [
-          // Tab 0: Home
           StatefulShellBranch(
             routes: [
               GoRoute(
@@ -98,25 +96,25 @@ class AppRoutes {
               ),
             ],
           ),
-          // Tab 1: Search / Discover
           StatefulShellBranch(
             routes: [
               GoRoute(
-                path: '/discover',
+                path: quips,
-                builder: (_, __) => const DiscoverScreen(),
+                builder: (_, state) => QuipsFeedScreen(
+                  initialPostId: state.uri.queryParameters['postId'],
+                ),
               ),
+
             ],
           ),
-          // Tab 2: Activity / Notifications
           StatefulShellBranch(
             routes: [
               GoRoute(
-                path: '/activity',
+                path: '/beacon',
-                builder: (_, __) => const NotificationsScreen(),
+                builder: (_, __) => const BeaconScreen(),
               ),
             ],
           ),
-          // Tab 3: Profile
           StatefulShellBranch(
             routes: [
               GoRoute(

sojorn_app/lib/screens/home/home_shell.dart

@@ -206,13 +206,18 @@ class _HomeShellState extends ConsumerState<HomeShell> with WidgetsBindingObserv
                     label: 'Home',
                   ),
                   _buildNavBarItem(
-                    icon: Icons.search_outlined,
+                    icon: Icons.play_circle_outline,
-                    activeIcon: Icons.search,
+                    activeIcon: Icons.play_circle,
                     index: 1,
-                    label: 'Search',
+                    label: 'Quips',
                   ),
                   const SizedBox(width: 48),
-                  _buildActivityNavItem(index: 2),
+                  _buildNavBarItem(
+                    icon: Icons.sensors_outlined,
+                    activeIcon: Icons.sensors,
+                    index: 2,
+                    label: 'Beacon',
+                  ),
                   _buildNavBarItem(
                     icon: Icons.person_outline,
                     activeIcon: Icons.person,
@@ -248,6 +253,17 @@ class _HomeShellState extends ConsumerState<HomeShell> with WidgetsBindingObserv
         ),
       ),
       actions: [
+        IconButton(
+          icon: Icon(Icons.search, color: AppTheme.navyBlue),
+          tooltip: 'Discover',
+          onPressed: () {
+            Navigator.of(context).push(
+              MaterialPageRoute(
+                builder: (_) => const DiscoverScreen(),
+              ),
+            );
+          },
+        ),
         IconButton(
           icon: Consumer(
             builder: (context, ref, child) {
@@ -270,6 +286,27 @@ class _HomeShellState extends ConsumerState<HomeShell> with WidgetsBindingObserv
               );
           },
         ),
+        IconButton(
+          icon: Consumer(
+            builder: (context, ref, child) {
+              final badge = ref.watch(currentBadgeProvider);
+              return Badge(
+                label: Text(badge.notificationCount.toString()),
+                isLabelVisible: badge.notificationCount > 0,
+                backgroundColor: Colors.redAccent,
+                child: Icon(Icons.notifications_none, color: AppTheme.navyBlue),
+              );
+            },
+          ),
+          tooltip: 'Notifications',
+          onPressed: () {
+            Navigator.of(context).push(
+              MaterialPageRoute(
+                builder: (_) => const NotificationsScreen(),
+              ),
+            );
+          },
+        ),
         const SizedBox(width: 4),
       ],
     );
@@ -300,37 +337,6 @@ class _HomeShellState extends ConsumerState<HomeShell> with WidgetsBindingObserv
       ),
     );
   }
-
-  Widget _buildActivityNavItem({required int index}) {
-    final isActive = widget.navigationShell.currentIndex == index;
-    return Expanded(
-      child: InkWell(
-        onTap: () => widget.navigationShell.goBranch(
-          index,
-          initialLocation: index == widget.navigationShell.currentIndex,
-        ),
-        child: Container(
-          height: double.infinity,
-          alignment: Alignment.center,
-          child: Consumer(
-            builder: (context, ref, child) {
-              final badge = ref.watch(currentBadgeProvider);
-              return Badge(
-                label: Text(badge.notificationCount.toString()),
-                isLabelVisible: badge.notificationCount > 0,
-                backgroundColor: Colors.redAccent,
-                child: Icon(
-                  isActive ? Icons.favorite : Icons.favorite_border,
-                  color: isActive ? AppTheme.navyBlue : Colors.grey,
-                  size: 26,
-                ),
-              );
-            },
-          ),
-        ),
-      ),
-    );
-  }
 }
 
 class _VerticalBorderProgressPainter extends CustomPainter {

sojorn_app/lib/screens/notifications/notifications_screen.dart

@@ -6,9 +6,13 @@ import 'package:timeago/timeago.dart' as timeago;
 import '../../models/notification.dart';
 import '../../providers/api_provider.dart';
 import '../../theme/app_theme.dart';
+import '../../widgets/app_scaffold.dart';
 import '../../widgets/media/signed_media_image.dart';
 import '../profile/viewable_profile_screen.dart';
 import '../post/post_detail_screen.dart';
+import '../search/search_screen.dart';
+import '../discover/discover_screen.dart';
+import '../secure_chat/secure_chat_full_screen.dart';
 import 'package:go_router/go_router.dart';
 import '../../services/notification_service.dart';
 
@@ -348,64 +352,66 @@ class _NotificationsScreenState extends ConsumerState<NotificationsScreen> {
     }
   }
 
+  void _navigateHome() {
+    Navigator.of(context).pop();
+  }
+
+  void _navigateSearch() {
+    Navigator.of(context).pushReplacement(
+      MaterialPageRoute(builder: (_) => const DiscoverScreen()),
+    );
+  }
+
+  void _navigateChat() {
+    Navigator.of(context).pushReplacement(
+      MaterialPageRoute(
+        builder: (_) => const SecureChatFullScreen(),
+        fullscreenDialog: true,
+      ),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
     final canArchiveAll = _activeTabIndex == 0 && _notifications.isNotEmpty;
 
     return DefaultTabController(
       length: 2,
-      child: Scaffold(
+      child: AppScaffold(
-        backgroundColor: AppTheme.scaffoldBg,
+        title: 'Activity',
-        body: SafeArea(
+        leading: const SizedBox.shrink(),
-          child: Column(
+        actions: [
-            children: [
+          if (canArchiveAll)
-              // Header
+            TextButton(
-              Padding(
+              onPressed: _archiveAllNotifications,
-                padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 8),
+              child: Text(
-                child: Row(
+                'Archive All',
-                  children: [
+                style: AppTheme.textTheme.labelMedium?.copyWith(
-                    Text(
+                  color: AppTheme.egyptianBlue,
-                      'Activity',
+                  fontWeight: FontWeight.w600,
-                      style: AppTheme.textTheme.headlineSmall?.copyWith(
-                        fontWeight: FontWeight.bold,
-                      ),
-                    ),
-                    const Spacer(),
-                    if (canArchiveAll)
-                      TextButton(
-                        onPressed: _archiveAllNotifications,
-                        child: Text(
-                          'Archive All',
-                          style: AppTheme.textTheme.labelMedium?.copyWith(
-                            color: AppTheme.egyptianBlue,
-                            fontWeight: FontWeight.w600,
-                          ),
-                        ),
-                      ),
-                  ],
                 ),
               ),
-              // Tab bar
+            ),
-              TabBar(
+        ],
-                onTap: (index) {
+        bottom: TabBar(
-                  if (index != _activeTabIndex) {
+          onTap: (index) {
-                    setState(() {
+            if (index != _activeTabIndex) {
-                      _activeTabIndex = index;
+              setState(() {
-                    });
+                _activeTabIndex = index;
-                    _loadNotifications(refresh: true);
+              });
-                  }
+              _loadNotifications(refresh: true);
-                },
+            }
-                indicatorColor: AppTheme.egyptianBlue,
+          },
-                labelColor: AppTheme.egyptianBlue,
+          indicatorColor: AppTheme.egyptianBlue,
-                unselectedLabelColor: AppTheme.egyptianBlue.withOpacity(0.5),
+          labelColor: AppTheme.egyptianBlue,
-                tabs: const [
+          unselectedLabelColor: AppTheme.egyptianBlue.withOpacity(0.5),
-                  Tab(text: 'Active'),
+          tabs: const [
-                  Tab(text: 'Archived'),
+            Tab(text: 'Active'),
-                ],
+            Tab(text: 'Archived'),
-              ),
+          ],
-              // Content
+        ),
-              Expanded(
+        bottomNavigationBar: _buildBottomNav(),
-                child: _error != null
+        body: _error != null
             ? _ErrorState(
                 message: _error!,
                 onRetry: () => _loadNotifications(refresh: true),
@@ -479,6 +485,48 @@ class _NotificationsScreenState extends ConsumerState<NotificationsScreen> {
                       },
                     ),
                   ),
+      ),
+    );
+  }
+
+  Widget _buildBottomNav() {
+    return Container(
+      decoration: BoxDecoration(
+        color: AppTheme.scaffoldBg,
+        border: Border(
+          top: BorderSide(
+            color: AppTheme.egyptianBlue.withOpacity(0.1),
+            width: 0.5,
+          ),
+        ),
+      ),
+      child: SafeArea(
+        top: false,
+        child: Padding(
+          padding: const EdgeInsets.symmetric(vertical: 8),
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.spaceAround,
+            children: [
+              _buildNavItem(
+                icon: Icons.home_outlined,
+                label: 'Home',
+                onTap: _navigateHome,
+              ),
+              _buildNavItem(
+                icon: Icons.search,
+                label: 'Discover',
+                onTap: _navigateSearch,
+              ),
+              _buildNavItem(
+                icon: Icons.notifications,
+                label: 'Activity',
+                isActive: true,
+                onTap: () {},
+              ),
+              _buildNavItem(
+                icon: Icons.chat_bubble_outline,
+                label: 'Chat',
+                onTap: _navigateChat,
               ),
             ],
           ),
@@ -486,6 +534,40 @@ class _NotificationsScreenState extends ConsumerState<NotificationsScreen> {
       ),
     );
   }
+
+  Widget _buildNavItem({
+    required IconData icon,
+    required String label,
+    required VoidCallback onTap,
+    bool isActive = false,
+  }) {
+    return InkWell(
+      onTap: onTap,
+      borderRadius: BorderRadius.circular(12),
+      child: Padding(
+        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 4),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          children: [
+            Icon(
+              icon,
+              color: isActive ? AppTheme.navyBlue : Colors.grey,
+              size: 26,
+            ),
+            const SizedBox(height: 2),
+            Text(
+              label,
+              style: TextStyle(
+                fontSize: 10,
+                color: isActive ? AppTheme.navyBlue : Colors.grey,
+                fontWeight: isActive ? FontWeight.w600 : FontWeight.normal,
+              ),
+            ),
+          ],
+        ),
+      ),
+    );
+  }
 }
 
 /// Individual notification item widget