lokesh/Velar
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

OHO-19(Adding email UI)

Browse source
This commit is contained in:
lokeshramchand-ctrl 2025-08-27 07:37:15 +05:30
parent 3f8f73890a
commit c745226ee2
3 changed files with 75 additions and 103 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
Frontend/lib/main_pages/HomePage/homepage.dart
View file

@ -823,7 +823,6 @@ class _FinTrackHomePageState extends State<FinTrackHomePage>
accentColor: accentColor,
primaryColor: primaryColor,
cardColor: cardColor,
floatingActionButtonLocation: FloatingActionButtonLocation.centerTop,
),
);
}

176
Frontend/lib/main_pages/HomePage/navbar.dart
View file

@ -1,5 +1,6 @@
// ignore_for_file: deprecated_member_use
import 'dart:ui';
import 'package:flutter/material.dart';
import 'package:monarch/support/add.dart';
import 'package:monarch/main_pages/HomePage/homepage.dart';
@ -20,130 +21,103 @@ class CustomNavBar extends StatelessWidget {
required this.backgroundColor,
required this.accentColor,
required this.primaryColor,
required this.cardColor, required FloatingActionButtonLocation floatingActionButtonLocation,
required this.cardColor,
});
// Define navigation items configuration
final List<NavItem> _navItems = const [
NavItem(
icon: Icons.home_rounded,
index: 0,
page: FinTrackHomePage(),
),
NavItem(
icon: Icons.bar_chart_rounded,
index: 1,
page: Statistics(),
),
NavItem(
icon: Icons.settings_rounded,
index: 2,
page: AddExpenseScreen(),
),
// Navigation items
final List _navItems = const [
NavItem(icon: Icons.home_rounded, index: 0, page: FinTrackHomePage()),
NavItem(icon: Icons.bar_chart_rounded, index: 1, page: Statistics()),
NavItem(icon: Icons.settings_rounded, index: 2, page: AddExpenseScreen()),
];
@override
Widget build(BuildContext context) {
return Container(
margin: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
height: 72,
decoration: BoxDecoration(
color: cardColor,
borderRadius: BorderRadius.circular(36),
boxShadow: [
BoxShadow(
color: primaryColor.withOpacity(0.1),
blurRadius: 30,
offset: const Offset(0, 8),
return Align(
alignment: Alignment.bottomCenter,
child: Container(
margin: const EdgeInsets.only(bottom: 20),
padding: const EdgeInsets.symmetric(horizontal: 20),
height: 72,
width: MediaQuery.of(context).size.width * 0.7, // centered & responsive
decoration: BoxDecoration(
color: cardColor.withOpacity(0.65),
borderRadius: BorderRadius.circular(40),
boxShadow: [
BoxShadow(
color: primaryColor.withOpacity(0.15),
blurRadius: 30,
offset: const Offset(0, 8),
),
],
),
child: ClipRRect(
borderRadius: BorderRadius.circular(40),
child: BackdropFilter(
filter: ImageFilter.blur(sigmaX: 12, sigmaY: 12),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children:
_navItems
.map((item) => _buildNavItem(context, item))
.toList(),
),
),
],
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
children: [
..._navItems.map((item) => _buildNavItem(context, item)),
_buildAddButton(context),
],
),
),
);
}
Widget _buildNavItem(BuildContext context, NavItem item) {
final isActive = currentIndex == item.index;
return Material(
color: Colors.transparent,
borderRadius: BorderRadius.circular(20),
child: InkWell(
borderRadius: BorderRadius.circular(20),
onTap: () {
onTap(item.index);
Navigator.pushReplacement(
context,
MaterialPageRoute(builder: (context) => item.page),
);
},
child: Container(
width: 48,
height: 48,
decoration: BoxDecoration(
color: isActive ? primaryColor.withOpacity(0.1) : Colors.transparent,
borderRadius: BorderRadius.circular(20),
return GestureDetector(
onTap: () {
onTap(item.index);
Navigator.pushReplacement(
context,
MaterialPageRoute(builder: (context) => item.page),
);
},
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
AnimatedContainer(
duration: const Duration(milliseconds: 250),
width: isActive ? 38 : 30,
height: isActive ? 38 : 30,
decoration: BoxDecoration(
color:
isActive
? primaryColor.withOpacity(0.15)
: Colors.transparent,
borderRadius: BorderRadius.circular(16),
),
child: Icon(
item.icon,
color: isActive ? primaryColor : primaryColor.withOpacity(0.4),
size: 24,
),
),
child: Icon(
item.icon,
color: isActive ? primaryColor : primaryColor.withOpacity(0.4),
size: 24,
),
),
),
);
}
Widget _buildAddButton(BuildContext context) {
return Container(
width: 48,
height: 48,
decoration: BoxDecoration(
color: accentColor,
borderRadius: BorderRadius.circular(20),
boxShadow: [
BoxShadow(
color: accentColor.withOpacity(0.3),
blurRadius: 12,
offset: const Offset(0, 4),
const SizedBox(height: 4),
AnimatedContainer(
duration: const Duration(milliseconds: 250),
width: 6,
height: 6,
decoration: BoxDecoration(
color: isActive ? accentColor : Colors.transparent,
shape: BoxShape.circle,
),
),
],
),
child: Material(
color: Colors.transparent,
borderRadius: BorderRadius.circular(20),
child: InkWell(
onTap: () => Navigator.push(
context,
MaterialPageRoute(builder: (context) => const AddExpenseScreen()),
),
borderRadius: BorderRadius.circular(20),
child: const Icon(
Icons.add_rounded,
color: Colors.white,
size: 24,
),
),
),
);
}
}
// Navigation item model
// Nav item model
class NavItem {
final IconData icon;
final int index;
final Widget page;
const NavItem({
required this.icon,
required this.index,
required this.page,
});
const NavItem({required this.icon, required this.index, required this.page});
}

1
Frontend/lib/main_pages/Statistics/statistics.dart
View file

@ -772,7 +772,6 @@ class StatisticsState extends State<Statistics> with TickerProviderStateMixin {
accentColor: accentColor,
primaryColor: primaryColor,
cardColor: cardColor,
floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
),
);
}