import 'package:flutter/material.dart'; import 'package:get/get.dart'; import 'package:solian/models/account_status.dart'; import 'package:solian/providers/account_status.dart'; import 'package:solian/providers/auth.dart'; import 'package:solian/providers/content/channel.dart'; import 'package:solian/router.dart'; import 'package:solian/shells/root_shell.dart'; import 'package:solian/theme.dart'; import 'package:solian/widgets/account/account_avatar.dart'; import 'package:solian/widgets/account/account_status_action.dart'; import 'package:solian/widgets/channel/channel_list.dart'; import 'package:solian/widgets/navigation/app_navigation.dart'; import 'package:badges/badges.dart' as badges; class AppNavigationDrawer extends StatefulWidget { final String? routeName; const AppNavigationDrawer({super.key, this.routeName}); @override State createState() => _AppNavigationDrawerState(); } class _AppNavigationDrawerState extends State { int? _selectedIndex = 0; AccountStatus? _accountStatus; late final ChannelProvider _channels; void getStatus() async { final StatusProvider provider = Get.find(); final resp = await provider.getCurrentStatus(); final status = AccountStatus.fromJson(resp.body); setState(() { _accountStatus = status; }); } void detectSelectedIndex() { if (widget.routeName == null) return; final nameList = AppNavigation.destinations.map((x) => x.page).toList(); final idx = nameList.indexOf(widget.routeName!); _selectedIndex = idx != -1 ? idx : null; } void closeDrawer() { rootScaffoldKey.currentState!.closeDrawer(); } @override void initState() { super.initState(); _channels = Get.find(); detectSelectedIndex(); getStatus(); } @override void didChangeDependencies() { super.didChangeDependencies(); detectSelectedIndex(); } @override Widget build(BuildContext context) { final AuthProvider auth = Get.find(); return NavigationDrawer( backgroundColor: SolianTheme.isLargeScreen(context) ? Colors.transparent : null, selectedIndex: _selectedIndex, onDestinationSelected: (idx) { setState(() => _selectedIndex = idx); AppRouter.instance.goNamed(AppNavigation.destinations[idx].page); closeDrawer(); }, children: [ Obx(() { if (auth.isAuthorized.isFalse) { return ListTile( contentPadding: const EdgeInsets.symmetric(horizontal: 28), leading: const Icon(Icons.account_circle), title: Text('guest'.tr), subtitle: Text('unsignedIn'.tr), onTap: () { AppRouter.instance.goNamed('account'); setState(() => _selectedIndex = null); closeDrawer(); }, ); } return ListTile( contentPadding: const EdgeInsets.symmetric(horizontal: 24), title: Text( auth.userProfile.value!['nick'], maxLines: 1, overflow: TextOverflow.fade, ), subtitle: Builder( builder: (context) { if (_accountStatus == null) { return Text('loading'.tr); } final info = StatusProvider.determineStatus( _accountStatus!, ); return Text( info.$3, maxLines: 1, overflow: TextOverflow.fade, ); }, ), leading: Builder(builder: (context) { final badgeColor = _accountStatus != null ? StatusProvider.determineStatus( _accountStatus!, ).$2 : Colors.grey; return badges.Badge( showBadge: _accountStatus != null, badgeStyle: badges.BadgeStyle(badgeColor: badgeColor), position: badges.BadgePosition.bottomEnd( bottom: 0, end: -2, ), child: AccountAvatar( content: auth.userProfile.value!['avatar'], ), ); }), trailing: IconButton( icon: const Icon(Icons.face_retouching_natural), onPressed: () { showModalBottomSheet( useRootNavigator: true, context: context, builder: (context) => AccountStatusAction( currentStatus: _accountStatus!.status, ), ).then((val) { if (val == true) getStatus(); }); }, ), onTap: () { AppRouter.instance.goNamed('account'); setState(() => _selectedIndex = null); closeDrawer(); }, ); }).paddingOnly(top: 8), const Divider(thickness: 0.3, height: 1).paddingOnly( bottom: 12, top: 8, ), ...AppNavigation.destinations.map( (e) => NavigationDrawerDestination( icon: e.icon, label: Text(e.label), ), ), const Divider(thickness: 0.3, height: 1).paddingOnly( top: 12, ), Obx(() { if (auth.isAuthorized.isFalse) { return const SizedBox(); } final selfId = auth.userProfile.value!['id']; return Column( children: [ Theme( data: Theme.of(context) .copyWith(dividerColor: Colors.transparent), child: ExpansionTile( title: Text('channels'.tr), tilePadding: const EdgeInsets.symmetric(horizontal: 24), children: [ Obx( () => SizedBox( height: 360, child: RefreshIndicator( onRefresh: () => _channels.refreshAvailableChannel(), child: ChannelListWidget( channels: _channels.groupChannels, selfId: selfId, isDense: true, useReplace: true, onSelected: (_) { setState(() => _selectedIndex = null); closeDrawer(); }, ), ), ), ), ], ), ), ], ); }), ], ); } }