import 'package:flutter/material.dart'; import 'package:font_awesome_flutter/font_awesome_flutter.dart'; import 'package:get/get.dart'; import 'package:solian/models/channel.dart'; import 'package:solian/router.dart'; import 'package:solian/widgets/account/account_avatar.dart'; class ChannelListWidget extends StatefulWidget { final List channels; final int selfId; final bool isDense; final bool noCategory; final bool useReplace; final Function(Channel)? onSelected; const ChannelListWidget({ super.key, required this.channels, required this.selfId, this.isDense = false, this.noCategory = false, this.useReplace = false, this.onSelected, }); @override State createState() => _ChannelListWidgetState(); } class _ChannelListWidgetState extends State { final List _globalChannels = List.empty(growable: true); final Map> _inRealms = {}; void mapChannels() { _inRealms.clear(); _globalChannels.clear(); if (widget.noCategory) { _globalChannels.addAll(widget.channels); return; } for (final channel in widget.channels) { if (channel.realmId != null) { if (_inRealms[channel.realm!.alias] == null) { _inRealms[channel.realm!.alias] = List.empty(growable: true); } _inRealms[channel.realm!.alias]!.add(channel); } else { _globalChannels.add(channel); } } } @override void didUpdateWidget(covariant ChannelListWidget oldWidget) { super.didUpdateWidget(oldWidget); setState(() => mapChannels()); } @override void initState() { super.initState(); mapChannels(); } void gotoChannel(Channel item) { if (widget.useReplace) { AppRouter.instance.pushReplacementNamed( 'channelChat', pathParameters: {'alias': item.alias}, queryParameters: { if (item.realmId != null) 'realm': item.realm!.alias, }, ); } else { AppRouter.instance.pushNamed( 'channelChat', pathParameters: {'alias': item.alias}, queryParameters: { if (item.realmId != null) 'realm': item.realm!.alias, }, ); } if (widget.onSelected != null) { widget.onSelected!(item); } } Widget buildItem(Channel item) { final padding = widget.isDense ? const EdgeInsets.symmetric(horizontal: 20) : const EdgeInsets.symmetric(horizontal: 16); if (item.type == 1) { final otherside = item.members! .where((e) => e.account.externalId != widget.selfId) .first; return ListTile( leading: AccountAvatar( content: otherside.account.avatar, radius: widget.isDense ? 12 : 20, bgColor: Colors.indigo, feColor: Colors.white, ), contentPadding: padding, title: Text(otherside.account.nick), subtitle: !widget.isDense ? Text( 'channelDirectDescription'.trParams( {'username': '@${otherside.account.name}'}, ), ) : null, onTap: () => gotoChannel(item), ); } else { return ListTile( minTileHeight: item.realmId == null ? 48 : widget.isDense ? 24 : null, leading: CircleAvatar( backgroundColor: item.realmId == null ? Colors.indigo : Colors.transparent, radius: widget.isDense ? 12 : 20, child: FaIcon( FontAwesomeIcons.hashtag, color: item.realmId == null ? Colors.white : Colors.indigo, size: widget.isDense ? 12 : 16, ), ), contentPadding: padding, title: Text(item.name), subtitle: !widget.isDense ? Text(item.description) : null, onTap: () => gotoChannel(item), ); } } @override Widget build(BuildContext context) { if (widget.noCategory) { return CustomScrollView( slivers: [ SliverList.builder( itemCount: _globalChannels.length, itemBuilder: (context, index) { final element = _globalChannels[index]; return buildItem(element); }, ), ], ); } return CustomScrollView( slivers: [ SliverList.builder( itemCount: _globalChannels.length, itemBuilder: (context, index) { final element = _globalChannels[index]; return buildItem(element); }, ), SliverList.list( children: _inRealms.entries.map((element) { return ExpansionTile( tilePadding: const EdgeInsets.symmetric(horizontal: 20), minTileHeight: 48, title: Text(element.value.first.realm!.name), leading: CircleAvatar( backgroundColor: Colors.teal, radius: widget.isDense ? 12 : 24, child: Icon( Icons.workspaces, color: Colors.white, size: widget.isDense ? 12 : 16, ), ), children: element.value.map((x) => buildItem(x)).toList(), ); }).toList(), ), ], ); } }