feat: history page

Author: CoderUni

lib/presentation/history/view/history_page.dart

@@ -0,0 +1,10 @@
+import 'package:flutter/material.dart';
+
+class HistoryPage extends StatelessWidget {
+  const HistoryPage({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const Scaffold();
+  }
+}

lib/presentation/landing/components/bottom_navigation_bar.dart

@@ -2,6 +2,7 @@ import 'package:bottom_bar/bottom_bar.dart';
 import 'package:eva_icons_flutter/eva_icons_flutter.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:lucide_icons/lucide_icons.dart';
 import 'package:qack/layout/layout_handler.dart';
 import 'package:qack/presentation/landing/components/components.dart';
 import 'package:qack/theme/theme.dart';
@@ -97,6 +98,7 @@ class _BottomNavBar extends StatelessWidget {
               border: RoundedRectangleBorder(
                 borderRadius: BorderRadius.circular(4),
               ),
+              boxShadow: theme.cardShadow,
               itemPadding: itemPadding,
               textStyle: textStyle,
               items: [
@@ -113,6 +115,19 @@ class _BottomNavBar extends StatelessWidget {
                   inactiveColor:
                       navigationThemeData.inactiveNavigationTitleColor,
                 ),
+                BottomBarItem(
+                  icon: Icon(
+                    Icons.history,
+                    size: iconSize,
+                  ),
+                  title: const Text(
+                    'History',
+                  ),
+                  activeColor: navigationThemeData.activeHistoryColor,
+                  activeTitleColor: navigationThemeData.activeHistoryTitleColor,
+                  inactiveColor:
+                      navigationThemeData.inactiveNavigationTitleColor,
+                ),
                 BottomBarItem(
                   icon: Icon(
                     EvaIcons.settings2Outline,

lib/presentation/landing/components/cubit/bottom_navigation_bar_state.dart

@@ -2,6 +2,7 @@ part of 'bottom_navigation_bar_cubit.dart';
 
 enum SelectedPage {
   home,
+  history,
   settings,
 }
 

lib/theme/themes/light_theme.dart

@@ -92,6 +92,8 @@ final class LightTheme extends BaseTheme {
         inactiveNavigationTitleColor: AppColors.gray700,
         activeHomeColor: AppColors.primary500,
         activeHomeTitleColor: AppColors.primary700,
+        activeHistoryColor: AppColors.green500,
+        activeHistoryTitleColor: AppColors.green600,
         activeSettingsColor: AppColors.orange500,
         activeSettingsTitleColor: AppColors.orange600,
         sideNavigationBarShadow: AppShadows.md(),

lib/theme/themes/models/navigation_theme_data.dart

@@ -10,6 +10,8 @@ class NavigationThemeData {
     required this.inactiveNavigationTitleColor,
     required this.activeHomeColor,
     required this.activeHomeTitleColor,
+    required this.activeHistoryColor,
+    required this.activeHistoryTitleColor,
     required this.activeSettingsColor,
     required this.activeSettingsTitleColor,
     required this.sideNavigationBarShadow,
@@ -27,6 +29,12 @@ class NavigationThemeData {
   /// Active color of home navigation title
   final Color activeHomeTitleColor;
 
+  /// Active color of history navigation item
+  final Color activeHistoryColor;
+
+  /// Active color of history navigation title
+  final Color activeHistoryTitleColor;
+
   /// Active color of settings navigation item
   final Color activeSettingsColor;