#34 Added support for Group images

#18 Added Cache for avatar images

lib/view/pages/talk/chatDetails/chatInfo.dart

@@ -47,7 +47,7 @@ class _ChatInfoState extends State<ChatInfo> {
             const SizedBox(height: 30),
             GestureDetector(
               child: UserAvatar(
-                username: widget.room.name,
+                id: isGroup ? widget.room.token : widget.room.name,
                 isGroup: isGroup,
                 size: 80,
               ),

lib/view/pages/talk/chatDetails/participants/participantsListView.dart

@@ -21,7 +21,7 @@ class _ParticipantsListViewState extends State<ParticipantsListView> {
       body: ListView(
         children: widget.participantsResponse.data.map((participant) {
           return ListTile(
-            leading: UserAvatar(username: participant.actorId),
+            leading: UserAvatar(id: participant.actorId),
             title: Text(participant.displayName),
             subtitle: participant.statusMessage != null ? Text(participant.statusMessage!) : null,
           );

lib/view/pages/talk/components/chatTile.dart

@@ -31,6 +31,7 @@ class ChatTile extends StatefulWidget {
 
 class _ChatTileState extends State<ChatTile> {
   late String username;
+  late UserAvatar circleAvatar;
 
   @override
   void initState() {
@@ -38,6 +39,9 @@ class _ChatTileState extends State<ChatTile> {
     SharedPreferences.getInstance().then((value) => {
       username = value.getString("username")!
     });
+
+    bool isGroup = widget.data.type != GetRoomResponseObjectConversationType.oneToOne;
+    circleAvatar = UserAvatar(id: isGroup ? widget.data.token : widget.data.name, isGroup: isGroup);
   }
 
   void setCurrentAsRead() {
@@ -50,10 +54,9 @@ class _ChatTileState extends State<ChatTile> {
     ).run().then((value) => widget.query(renew: true));
   }
 
+
   @override
   Widget build(BuildContext context) {
-    bool isGroup = widget.data.type != GetRoomResponseObjectConversationType.oneToOne;
-    UserAvatar circleAvatar = UserAvatar(username: widget.data.name, isGroup: isGroup);
 
     return Consumer<ChatProps>(builder: (context, chatData, child) {
       return ListTile(

lib/view/pages/talk/messageReactions.dart

@@ -55,7 +55,7 @@ class _MessageReactionsState extends State<MessageReactions> {
                   children: entry.value.map((e) {
                     bool isSelf = AccountData().getUsername() == e.actorId;
                     return ListTile(
-                      leading: UserAvatar(username: e.actorId, isGroup: false),
+                      leading: UserAvatar(id: e.actorId, isGroup: false),
                       title: Text(e.actorDisplayName),
                       subtitle: isSelf
                         ? const Text("Du")

lib/widget/userAvatar.dart

@@ -1,23 +1,45 @@
+import 'package:cached_network_image/cached_network_image.dart';
 import 'package:flutter/material.dart';
 
+import '../model/accountData.dart';
 import '../model/endpointData.dart';
 
 class UserAvatar extends StatelessWidget {
-  final String username;
+  final String id;
   final bool isGroup;
   final int size;
-  const UserAvatar({required this.username, this.isGroup = false, this.size = 20, super.key});
+  const UserAvatar({required this.id, this.isGroup = false, this.size = 20, super.key});
 
   @override
   Widget build(BuildContext context) {
-    return CircleAvatar(
+    if(isGroup) {
-      foregroundImage: !isGroup ? Image.network("https://${EndpointData().nextcloud().full()}/avatar/$username/$size").image : null,
+      return CircleAvatar(
-      backgroundColor: Theme.of(context).primaryColor,
+        foregroundImage: Image(
-      foregroundColor: Colors.white,
+            image: CachedNetworkImageProvider(
-      onForegroundImageError: !isGroup ? (o, t) {} : null,
+                "https://${AccountData().buildHttpAuthString()}@${EndpointData().nextcloud().full()}/ocs/v2.php/apps/spreed/api/v1/room/$id/avatar",
-      radius: size.toDouble(),
+                errorListener: (p0) {}
-      child: isGroup ? Icon(Icons.group, size: size.toDouble()) : Icon(Icons.person, size: size.toDouble()),
+            )
-    );
+        ).image,
-
+        backgroundColor: Theme.of(context).primaryColor,
+        foregroundColor: Colors.white,
+        onForegroundImageError: (o, t) {},
+        radius: size.toDouble(),
+        child: Icon(Icons.group, size: size.toDouble()),
+      );
+    } else {
+      return CircleAvatar(
+        foregroundImage: Image(
+            image: CachedNetworkImageProvider(
+                "https://${EndpointData().nextcloud().full()}/avatar/$id/$size",
+                errorListener: (p0) {}
+            ),
+        ).image,
+        backgroundColor: Theme.of(context).primaryColor,
+        foregroundColor: Colors.white,
+        onForegroundImageError: (o, t) {},
+        radius: size.toDouble(),
+        child: Icon(Icons.person, size: size.toDouble()),
+      );
+    }
   }
 }