fix: hardcoded avatars

Author: isekovanic

examples/SampleApp/src/screens/ChannelScreen.tsx

@@ -103,7 +103,7 @@ const ChannelHeader: React.FC<ChannelHeaderProps> = ({ channel }) => {
             opacity: pressed ? 0.5 : 1,
           })}
         >
-          <ChannelAvatar channel={channel} size='lg' />
+          <ChannelAvatar channel={channel} size='xl' />
         </Pressable>
       )}
       showUnreadCountBadge

package/src/components/ChannelPreview/ChannelDetailsBottomSheet.tsx

@@ -55,7 +55,7 @@ export const ChannelDetailsHeader = ({ channel }: ChannelDetailsHeaderProps) =>
 
   return (
     <View style={styles.headerContainer}>
-      <ChannelAvatar channel={channel} size={'lg'} />
+      <ChannelAvatar channel={channel} size={'xl'} />
       <View style={styles.metaContainer}>
         <View style={styles.titleContainer}>
           <ChannelPreviewTitle channel={channel} />

package/src/components/ui/Avatar/ChannelAvatar.tsx

@@ -58,7 +58,11 @@ export const ChannelAvatar = (props: ChannelAvatarProps) => {
 
   if (usersWithoutSelf.length > 1) {
     return (
-      <UserAvatarGroup size='xl' users={usersForGroup} showOnlineIndicator={showOnlineIndicator} />
+      <UserAvatarGroup
+        size={size}
+        users={usersForGroup}
+        showOnlineIndicator={showOnlineIndicator}
+      />
     );
   } else {
     return (