From 12e97e49a877b02889de59270288094eabe7d479 Mon Sep 17 00:00:00 2001
From: Shaz MJ <s@shaz.com.au>
Date: Wed, 22 Jun 2022 08:46:46 +1000
Subject: [PATCH] [Gekidou] [Bug] DM Icon will be 'archive-outline' if user is
 archived (#6415)

---
 .../channel_icon/dm_avatar/dm_avatar.tsx      | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/app/components/channel_icon/dm_avatar/dm_avatar.tsx b/app/components/channel_icon/dm_avatar/dm_avatar.tsx
index f09ac42f2..992013326 100644
--- a/app/components/channel_icon/dm_avatar/dm_avatar.tsx
+++ b/app/components/channel_icon/dm_avatar/dm_avatar.tsx
@@ -4,9 +4,10 @@
 import React from 'react';
 import {View} from 'react-native';
 
+import CompassIcon from '@components/compass_icon';
 import ProfilePicture from '@components/profile_picture';
 import {useTheme} from '@context/theme';
-import {makeStyleSheetFromTheme} from '@utils/theme';
+import {changeOpacity, makeStyleSheetFromTheme} from '@utils/theme';
 
 import type UserModel from '@typings/database/models/servers/user';
 
@@ -24,11 +25,29 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => ({
     statusInfo: {
         backgroundColor: theme.centerChannelBg,
     },
+    icon: {
+        color: changeOpacity(theme.sidebarText, 0.4),
+        left: 1,
+    },
+    iconInfo: {
+        color: changeOpacity(theme.centerChannelColor, 0.72),
+    },
 }));
 
 const DmAvatar = ({author, isInfo}: Props) => {
     const theme = useTheme();
     const style = getStyleSheet(theme);
+
+    if (author?.deleteAt) {
+        return (
+            <CompassIcon
+                name='archive-outline'
+                style={[style.icon, isInfo && style.iconInfo]}
+                size={24}
+            />
+        );
+    }
+
     return (
         <View style={style.container}>
             <ProfilePicture