From e1ed4a4429b4fe51469701e56846a5840d0e4c59 Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Tue, 14 May 2024 11:42:54 -0700
Subject: [PATCH] =?UTF-8?q?[=F0=9F=90=B4]=20show=20deleted=20account=20for?=
 =?UTF-8?q?=20`missing.invalid`=20(#4014)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* show deleted account for `missing.invalid`

* sigh
---
 src/screens/Messages/Conversation/index.tsx | 15 +++++++++----
 src/screens/Messages/List/ChatListItem.tsx  | 25 ++++++++++++---------
 2 files changed, 26 insertions(+), 14 deletions(-)

diff --git a/src/screens/Messages/Conversation/index.tsx b/src/screens/Messages/Conversation/index.tsx
index 01c205ac..f382647a 100644
--- a/src/screens/Messages/Conversation/index.tsx
+++ b/src/screens/Messages/Conversation/index.tsx
@@ -147,6 +147,11 @@ let Header = ({
   const navigation = useNavigation<NavigationProp>()
   const convoState = useConvo()
 
+  const isDeletedAccount = profile?.handle === 'missing.invalid'
+  const displayName = isDeletedAccount
+    ? 'Deleted Account'
+    : profile?.displayName
+
   const onPressBack = useCallback(() => {
     if (isWeb) {
       navigation.replace('Messages')
@@ -197,11 +202,13 @@ let Header = ({
             <Text
               style={[a.text_lg, a.font_bold, a.pt_sm, a.pb_2xs]}
               numberOfLines={1}>
-              {profile.displayName}
-            </Text>
-            <Text style={[t.atoms.text_contrast_medium]} numberOfLines={1}>
-              @{profile.handle}
+              {displayName}
             </Text>
+            {!isDeletedAccount && (
+              <Text style={[t.atoms.text_contrast_medium]} numberOfLines={1}>
+                @{profile.handle}
+              </Text>
+            )}
           </View>
         ) : (
           <>
diff --git a/src/screens/Messages/List/ChatListItem.tsx b/src/screens/Messages/List/ChatListItem.tsx
index f7d115ed..57a8e034 100644
--- a/src/screens/Messages/List/ChatListItem.tsx
+++ b/src/screens/Messages/List/ChatListItem.tsx
@@ -29,6 +29,13 @@ export function ChatListItem({
   const {currentAccount} = useSession()
   const menuControl = useMenuControl()
   const {gtMobile} = useBreakpoints()
+  const otherUser = convo.members.find(
+    member => member.did !== currentAccount?.did,
+  )
+  const isDeletedAccount = otherUser?.handle === 'missing.invalid'
+  const displayName = isDeletedAccount
+    ? 'Deleted Account'
+    : otherUser?.displayName || otherUser?.handle
 
   let lastMessage = _(msg`No messages yet`)
   let lastMessageSentAt: string | null = null
@@ -44,10 +51,6 @@ export function ChatListItem({
     lastMessage = _(msg`Message deleted`)
   }
 
-  const otherUser = convo.members.find(
-    member => member.did !== currentAccount?.did,
-  )
-
   const navigation = useNavigation<NavigationProp>()
   const [showActions, setShowActions] = React.useState(false)
 
@@ -113,7 +116,7 @@ export function ChatListItem({
                     numberOfLines={1}
                     style={[{maxWidth: '85%'}, web([a.leading_normal])]}>
                     <Text style={[a.text_md, t.atoms.text, a.font_bold]}>
-                      {otherUser.displayName || otherUser.handle}
+                      {displayName}
                     </Text>
                   </Text>
                   {lastMessageSentAt && (
@@ -147,11 +150,13 @@ export function ChatListItem({
                     </Text>
                   )}
                 </View>
-                <Text
-                  numberOfLines={1}
-                  style={[a.text_sm, t.atoms.text_contrast_medium, a.pb_xs]}>
-                  @{otherUser.handle}
-                </Text>
+                {!isDeletedAccount && (
+                  <Text
+                    numberOfLines={1}
+                    style={[a.text_sm, t.atoms.text_contrast_medium, a.pb_xs]}>
+                    @{otherUser.handle}
+                  </Text>
+                )}
                 <Text
                   numberOfLines={2}
                   style={[