166 lines
5.2 KiB
Dart
166 lines
5.2 KiB
Dart
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_riverpod/flutter_riverpod.dart';
|
|
import 'package:go_router/go_router.dart';
|
|
|
|
import '../../features/auth/presentation/controllers/dev_auth_bypass.dart';
|
|
|
|
class AdaptiveHomeScaffold extends ConsumerWidget {
|
|
final Widget child;
|
|
|
|
const AdaptiveHomeScaffold({
|
|
super.key,
|
|
required this.child,
|
|
});
|
|
|
|
int _calculateSelectedIndex(BuildContext context) {
|
|
final location = GoRouterState.of(context).uri.toString();
|
|
if (location.startsWith('/medication')) return 0;
|
|
if (location.startsWith('/nutrition')) return 1;
|
|
if (location.startsWith('/meal-planner')) return 2;
|
|
if (location.startsWith('/pantry')) return 3;
|
|
return 0;
|
|
}
|
|
|
|
void _onItemTapped(int index, BuildContext context) {
|
|
switch (index) {
|
|
case 0:
|
|
context.go('/medication');
|
|
break;
|
|
case 1:
|
|
context.go('/nutrition');
|
|
break;
|
|
case 2:
|
|
context.go('/meal-planner');
|
|
break;
|
|
case 3:
|
|
context.go('/pantry');
|
|
break;
|
|
}
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context, WidgetRef ref) {
|
|
final width = MediaQuery.of(context).size.width;
|
|
final isDesktop = width >= 1024;
|
|
final selectedIndex = _calculateSelectedIndex(context);
|
|
// Visual marker while the debug auth bypass is active, so a review
|
|
// session can never be mistaken for a signed-in one.
|
|
final showDevBanner = kDebugMode && ref.watch(devAuthBypassProvider);
|
|
|
|
if (isDesktop) {
|
|
return Scaffold(
|
|
body: Column(
|
|
children: [
|
|
if (showDevBanner) const _DevAccessBanner(),
|
|
Expanded(
|
|
child: Row(
|
|
children: [
|
|
NavigationRail(
|
|
selectedIndex: selectedIndex,
|
|
onDestinationSelected: (idx) =>
|
|
_onItemTapped(idx, context),
|
|
labelType: NavigationRailLabelType.all,
|
|
destinations: const [
|
|
NavigationRailDestination(
|
|
icon: Icon(Icons.medication_outlined),
|
|
selectedIcon: Icon(Icons.medication),
|
|
label: Text('Medication'),
|
|
),
|
|
NavigationRailDestination(
|
|
icon: Icon(Icons.restaurant_outlined),
|
|
selectedIcon: Icon(Icons.restaurant),
|
|
label: Text('Nutrition'),
|
|
),
|
|
NavigationRailDestination(
|
|
icon: Icon(Icons.calendar_month_outlined),
|
|
selectedIcon: Icon(Icons.calendar_month),
|
|
label: Text('Meal Plan'),
|
|
),
|
|
NavigationRailDestination(
|
|
icon: Icon(Icons.kitchen_outlined),
|
|
selectedIcon: Icon(Icons.kitchen),
|
|
label: Text('Pantry'),
|
|
),
|
|
],
|
|
),
|
|
const VerticalDivider(thickness: 1, width: 1),
|
|
Expanded(child: child),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
return Scaffold(
|
|
body: Column(
|
|
children: [
|
|
if (showDevBanner) const _DevAccessBanner(),
|
|
Expanded(child: child),
|
|
],
|
|
),
|
|
bottomNavigationBar: NavigationBar(
|
|
selectedIndex: selectedIndex,
|
|
onDestinationSelected: (idx) => _onItemTapped(idx, context),
|
|
destinations: const [
|
|
NavigationDestination(
|
|
icon: Icon(Icons.medication_outlined),
|
|
selectedIcon: Icon(Icons.medication),
|
|
label: 'Meds',
|
|
),
|
|
NavigationDestination(
|
|
icon: Icon(Icons.restaurant_outlined),
|
|
selectedIcon: Icon(Icons.restaurant),
|
|
label: 'Food',
|
|
),
|
|
NavigationDestination(
|
|
icon: Icon(Icons.calendar_month_outlined),
|
|
selectedIcon: Icon(Icons.calendar_month),
|
|
label: 'Plan',
|
|
),
|
|
NavigationDestination(
|
|
icon: Icon(Icons.kitchen_outlined),
|
|
selectedIcon: Icon(Icons.kitchen),
|
|
label: 'Pantry',
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|
|
|
|
/// Slim status strip shown while the development auth bypass is active.
|
|
class _DevAccessBanner extends StatelessWidget {
|
|
const _DevAccessBanner();
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Material(
|
|
color: Colors.orange,
|
|
child: SafeArea(
|
|
bottom: false,
|
|
child: Padding(
|
|
padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 6),
|
|
child: Row(
|
|
children: [
|
|
const Icon(Icons.bug_report_outlined,
|
|
size: 16, color: Colors.white),
|
|
const SizedBox(width: 8),
|
|
Expanded(
|
|
child: Text(
|
|
'Development mode - not signed in',
|
|
style: Theme.of(context).textTheme.labelMedium?.copyWith(
|
|
color: Colors.white,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|