import 'package:flutter/material.dart'; import 'package:flutter_gen/gen_l10n/l10n.dart'; import 'package:matrix/matrix.dart'; import 'package:fluffychat/utils/adaptive_bottom_sheet.dart'; import '../../widgets/avatar.dart'; import '../user_bottom_sheet/user_bottom_sheet.dart'; class ParticipantListItem extends StatelessWidget { final User user; const ParticipantListItem(this.user, {Key? key}) : super(key: key); @override Widget build(BuildContext context) { final membershipBatch = { Membership.join: '', Membership.ban: L10n.of(context)!.banned, Membership.invite: L10n.of(context)!.invited, Membership.leave: L10n.of(context)!.leftTheChat, }; final permissionBatch = user.powerLevel == 100 ? L10n.of(context)!.admin : user.powerLevel >= 50 ? L10n.of(context)!.moderator : ''; return Opacity( opacity: user.membership == Membership.join ? 1 : 0.5, child: ListTile( onTap: () => showAdaptiveBottomSheet( context: context, builder: (c) => UserBottomSheet( user: user, outerContext: context, ), ), title: Row( children: [ Text(user.calcDisplayname()), if (permissionBatch.isNotEmpty) Container( padding: const EdgeInsets.symmetric( horizontal: 4, vertical: 2, ), margin: const EdgeInsets.symmetric(horizontal: 8), decoration: BoxDecoration( color: Theme.of(context).colorScheme.primaryContainer, borderRadius: BorderRadius.circular(8), border: Border.all( color: Theme.of(context).colorScheme.primary, ), ), child: Text( permissionBatch, style: TextStyle( fontSize: 14, color: Theme.of(context).colorScheme.primary, ), ), ), membershipBatch[user.membership]!.isEmpty ? const SizedBox.shrink() : Container( padding: const EdgeInsets.all(4), margin: const EdgeInsets.symmetric(horizontal: 8), decoration: BoxDecoration( color: Theme.of(context).secondaryHeaderColor, borderRadius: BorderRadius.circular(8), ), child: Center(child: Text(membershipBatch[user.membership]!)), ), ], ), subtitle: Text(user.id), leading: Avatar(mxContent: user.avatarUrl, name: user.calcDisplayname()), ), ); } }