You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
123 lines
4.2 KiB
123 lines
4.2 KiB
2 years ago
|
part of '../neon.dart';
|
||
|
2 years ago
|
|
||
|
|
const kAvatarSize = 40.0;
|
||
|
|
|
||
|
|
class AccountAvatar extends StatelessWidget {
|
||
|
|
const AccountAvatar({
|
||
|
|
required this.account,
|
||
|
|
required this.requestManager,
|
||
|
|
super.key,
|
||
|
|
});
|
||
|
|
|
||
|
|
final Account account;
|
||
|
|
final RequestManager requestManager;
|
||
|
|
|
||
|
|
@override
|
||
|
|
Widget build(final BuildContext context) => Stack(
|
||
|
|
children: [
|
||
|
|
ResultStreamBuilder<Uint8List>(
|
||
|
|
// TODO: See TODO in cached_url_image.dart
|
||
|
|
stream: requestManager.wrapBytes(
|
||
|
|
account.client.id,
|
||
|
|
'accounts-avatar-${account.id}',
|
||
|
|
() async => (await account.client.core.getAvatarBytes(
|
||
|
|
account.username,
|
||
|
|
(kAvatarSize * MediaQuery.of(context).devicePixelRatio).toInt(),
|
||
|
|
))!,
|
||
|
|
preferCache: true,
|
||
|
|
),
|
||
|
|
builder: (
|
||
|
|
final context,
|
||
|
|
final avatarData,
|
||
|
|
final avatarError,
|
||
|
|
final avatarLoading,
|
||
|
|
) =>
|
||
|
|
Stack(
|
||
|
|
children: [
|
||
|
|
if (avatarData != null) ...[
|
||
|
|
CircleAvatar(
|
||
|
|
radius: kAvatarSize / 2,
|
||
|
|
backgroundImage: MemoryImage(avatarData),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
if (avatarError != null) ...[
|
||
|
|
Icon(
|
||
|
|
Icons.error_outline,
|
||
|
|
size: 30,
|
||
|
|
color: Theme.of(context).colorScheme.onBackground,
|
||
|
|
),
|
||
|
|
],
|
||
|
|
if (avatarLoading) ...[
|
||
|
|
const CircularProgressIndicator(
|
||
|
|
strokeWidth: 2,
|
||
|
|
),
|
||
|
|
],
|
||
|
|
],
|
||
|
|
),
|
||
|
|
),
|
||
|
|
StandardRxResultBuilder<UserStatusBloc, UserStatus?>(
|
||
|
|
bloc: RxBlocProvider.of<AccountsBloc>(context).getUserStatusBloc(account),
|
||
|
|
state: (final bloc) => bloc.userStatus,
|
||
|
|
builder: (
|
||
|
|
final context,
|
||
|
|
final userStatusData,
|
||
|
|
final userStatusError,
|
||
|
|
final userStatusLoading,
|
||
|
|
final _,
|
||
|
|
) =>
|
||
|
|
SizedBox(
|
||
|
|
height: kAvatarSize,
|
||
|
|
width: kAvatarSize,
|
||
|
|
child: Align(
|
||
|
|
alignment: Alignment.bottomRight,
|
||
|
|
child: Container(
|
||
|
|
height: kAvatarSize / 3,
|
||
|
|
width: kAvatarSize / 3,
|
||
|
|
decoration: userStatusLoading || userStatusError != null || userStatusData == null
|
||
|
|
? null
|
||
|
|
: BoxDecoration(
|
||
|
|
shape: BoxShape.circle,
|
||
|
|
color: _userStatusToColor(userStatusData),
|
||
|
|
border: userStatusData.status != UserStatusTypeEnum.offline &&
|
||
|
|
userStatusData.status != UserStatusTypeEnum.invisible
|
||
|
|
? Border.all(
|
||
|
|
color: Theme.of(context).colorScheme.onPrimary,
|
||
|
|
)
|
||
|
|
: null,
|
||
|
|
),
|
||
|
|
child: userStatusLoading
|
||
|
|
? CircularProgressIndicator(
|
||
|
|
strokeWidth: 1.5,
|
||
|
|
color: Theme.of(context).colorScheme.onPrimary,
|
||
|
|
)
|
||
|
|
: userStatusError != null && (userStatusError is! ApiException || userStatusError.code != 404)
|
||
|
|
? const Icon(
|
||
|
|
Icons.error_outline,
|
||
|
|
size: kAvatarSize / 3,
|
||
|
|
color: Colors.red,
|
||
|
|
)
|
||
|
|
: null,
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
),
|
||
|
|
],
|
||
|
|
);
|
||
|
|
|
||
|
|
Color _userStatusToColor(final UserStatus userStatus) {
|
||
|
|
switch (userStatus.status) {
|
||
|
|
case UserStatusTypeEnum.online:
|
||
|
|
return const Color(0xFF49B382);
|
||
|
|
case UserStatusTypeEnum.away:
|
||
|
|
return const Color(0xFFF4A331);
|
||
|
|
case UserStatusTypeEnum.dnd:
|
||
|
|
return const Color(0xFFED484C);
|
||
|
|
case UserStatusTypeEnum.invisible:
|
||
|
|
case UserStatusTypeEnum.offline:
|
||
|
|
return Colors.transparent;
|
||
|
|
}
|
||
|
|
|
||
|
|
return Colors.transparent;
|
||
|
|
}
|
||
|
|
}
|