80 lines
2.4 KiB
Dart
80 lines
2.4 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:photos/models/collection.dart';
|
|
import 'package:photos/theme/colors.dart';
|
|
import 'package:photos/theme/ente_theme.dart';
|
|
import 'package:tuple/tuple.dart';
|
|
|
|
enum AvatarType { small, mini, tiny, extra }
|
|
|
|
class UserAvatarWidget extends StatelessWidget {
|
|
final User user;
|
|
final AvatarType type;
|
|
final int currentUserID;
|
|
final bool thumbnailView;
|
|
|
|
const UserAvatarWidget(
|
|
this.user, {
|
|
super.key,
|
|
this.currentUserID = -1,
|
|
this.type = AvatarType.mini,
|
|
this.thumbnailView = false,
|
|
});
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final colorScheme = getEnteColorScheme(context);
|
|
final displayChar = (user.name == null || user.name!.isEmpty)
|
|
? ((user.email.isEmpty) ? " " : user.email.substring(0, 1))
|
|
: user.name!.substring(0, 1);
|
|
final randomColor = colorScheme.avatarColors[
|
|
(user.id ?? 0).remainder(colorScheme.avatarColors.length)];
|
|
final Color decorationColor =
|
|
((user.id ?? -1) == currentUserID) ? Colors.black : randomColor;
|
|
|
|
final avatarStyle = getAvatarStyle(context, type);
|
|
final double size = avatarStyle.item1;
|
|
final TextStyle textStyle = avatarStyle.item2;
|
|
return Container(
|
|
height: size,
|
|
width: size,
|
|
padding: thumbnailView
|
|
? const EdgeInsets.only(bottom: 1)
|
|
: const EdgeInsets.all(2),
|
|
decoration: thumbnailView
|
|
? null
|
|
: BoxDecoration(
|
|
shape: BoxShape.circle,
|
|
color: decorationColor,
|
|
border: Border.all(
|
|
color: strokeBaseDark,
|
|
width: 1.0,
|
|
),
|
|
),
|
|
child: CircleAvatar(
|
|
backgroundColor: decorationColor,
|
|
child: Text(
|
|
displayChar.toUpperCase(),
|
|
// fixed color
|
|
style: textStyle.copyWith(color: Colors.white),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Tuple2<double, TextStyle> getAvatarStyle(
|
|
BuildContext context,
|
|
AvatarType type,
|
|
) {
|
|
final enteTextTheme = getEnteTextTheme(context);
|
|
switch (type) {
|
|
case AvatarType.small:
|
|
return Tuple2(36.0, enteTextTheme.small);
|
|
case AvatarType.mini:
|
|
return Tuple2(24.0, enteTextTheme.mini);
|
|
case AvatarType.tiny:
|
|
return Tuple2(18.0, enteTextTheme.tiny);
|
|
case AvatarType.extra:
|
|
return Tuple2(18.0, enteTextTheme.tiny);
|
|
}
|
|
}
|
|
}
|