TF-248 Change avatar of item list email

core/lib/presentation/extensions/color_extension.dart

@@ -61,5 +61,14 @@ extension AppColor on Color {
   static const backgroundCountAttachment = Color(0x681C1C1C);
   static const bgStatusResultSearch = Color(0xFFF5F5F7);
   static const bgWordSearch = Color(0xFFD7D6FC);
+
+  static const mapGradientColor = [
+    [Color(0xFF21D4FD), Color(0xFFB721FF)],
+    [Color(0xFF43E97B), Color(0xFF38F9D7)],
+    [Color(0xFF11E6F0), Color(0xFF4FACFE)],
+    [Color(0xFFE88395), Color(0xFFEF9C8F)],
+    [Color(0xFF8DDAD5), Color(0xFF00CDAC)],
+    [Color(0xFFDE9AF5), Color(0xFFD670EE)],
+  ];
 }
 

core/lib/presentation/views/image/avatar_builder.dart

@@ -10,21 +10,20 @@ class AvatarBuilder {
   double? _size;
   // String? _iconStatus;
   Color? _bgColor;
+  Color? _textColor;
   OnTapAvatarActionClick? _onTapAvatarActionClick;
+  List<Color>? _avatarColors;
 
-  AvatarBuilder key(Key key) {
+  void key(Key key) {
     _key = key;
-    return this;
   }
 
-  AvatarBuilder size(double size) {
+  void size(double size) {
     _size = size;
-    return this;
   }
 
-  AvatarBuilder text(String text) {
+  void text(String text) {
     _text = text;
-    return this;
   }
 
   // AvatarBuilder iconStatus(String iconStatus) {
@@ -32,14 +31,20 @@ class AvatarBuilder {
   //   return this;
   // }
 
-  AvatarBuilder backgroundColor(Color bgColor) {
+  void backgroundColor(Color bgColor) {
     _bgColor = bgColor;
-    return this;
   }
 
-  AvatarBuilder addOnTapActionClick(OnTapAvatarActionClick onTapAvatarActionClick) {
+  void textColor(Color textColor) {
+    _textColor = textColor;
+  }
+
+  void avatarColor(List<Color>? avatarColors) {
+    _avatarColors = avatarColors;
+  }
+
+  void addOnTapActionClick(OnTapAvatarActionClick onTapAvatarActionClick) {
     _onTapAvatarActionClick = onTapAvatarActionClick;
-    return this;
   }
 
   Widget build() {
@@ -61,11 +66,17 @@ class AvatarBuilder {
               alignment: Alignment.center,
               decoration: BoxDecoration(
                 borderRadius: BorderRadius.circular((_size ?? 40) / 2),
-                border: Border.all(color: Colors.white),
+                border: Border.all(color: Colors.transparent),
+                gradient: _avatarColors?.isNotEmpty == true
+                  ? LinearGradient(
+                      begin: Alignment.topCenter,
+                      end: Alignment.bottomCenter,
+                      colors: _avatarColors ?? [])
+                  : null,
                 color: _bgColor ?? AppColor.avatarColor),
               child: Text(
                 '${_text ?? ''}',
-                style: TextStyle(fontSize: 20, color: AppColor.avatarTextColor, fontWeight: FontWeight.w500))),
+                style: TextStyle(fontSize: 20, color: _textColor ?? AppColor.avatarTextColor, fontWeight: FontWeight.w500))),
             // if (_iconStatus != null && _iconStatus!.isNotEmpty)
             //   Align(
             //     child: SvgPicture.asset(_iconStatus!, width: 12, height: 12, fit: BoxFit.fill),