Fix reply to (#1326)

ephemeraHQ · Dec 9, 2024 · d4108ff · d4108ff
1 parent 307eba5
commit d4108ff
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 10 deletions.
diff --git a/components/Chat/Message/message-content-types/message-reply.tsx b/components/Chat/Message/message-content-types/message-reply.tsx
@@ -19,9 +19,15 @@ import { useQuery } from "@tanstack/react-query";
 import { useAppTheme } from "@theme/useAppTheme";
 import { sentryTrackError } from "@utils/sentry";
 import { getReadableProfile } from "@utils/str";
-import { DecodedMessage, MessageId, ReplyCodec } from "@xmtp/react-native-sdk";
+import {
+  DecodedMessage,
+  InboxId,
+  MessageId,
+  ReplyCodec,
+} from "@xmtp/react-native-sdk";
 import { memo } from "react";
 import { getCurrentConversationMessages } from "../../../../features/conversation/conversation-service";
+import { usePreferredInboxName } from "@/hooks/usePreferredInboxName";
 
 export const MessageReply = memo(function MessageReply(props: {
   message: DecodedMessage<[ReplyCodec]>;
@@ -116,9 +122,9 @@ const MessageReplyReference = memo(function MessageReplyReference(props: {
   const replyMessageReference =
     useConversationMessageForReplyMessage(referenceMessageId);
 
-  const readableProfile = replyMessageReference
-    ? getReadableProfile(currentAccount, replyMessageReference.senderAddress)
-    : null;
+  const inboxName = usePreferredInboxName(
+    replyMessageReference?.senderAddress as InboxId
+  );
 
   return (
     <VStack
@@ -151,7 +157,7 @@ const MessageReplyReference = memo(function MessageReplyReference(props: {
           }
         />
         <Text preset="smaller" color="secondary" inverted={fromMe}>
-          {readableProfile}
+          {inboxName}
         </Text>
       </HStack>
       {!!replyMessageReference && (

diff --git a/features/conversation/composer/composer.tsx b/features/conversation/composer/composer.tsx
@@ -25,6 +25,7 @@ import { sentryTrackError } from "@utils/sentry";
 import { DecodedMessageWithCodecsType } from "@utils/xmtpRN/client";
 import {
   DecodedMessage,
+  InboxId,
   MessageId,
   RemoteAttachmentCodec,
   RemoteAttachmentContent,
@@ -64,6 +65,7 @@ import {
 } from "../conversation-service";
 import { AddAttachmentButton } from "./add-attachment-button";
 import { ISendMessageParams } from "@/features/conversation/conversation-context";
+import { usePreferredInboxName } from "@/hooks/usePreferredInboxName";
 
 export type IComposerSendArgs = ISendMessageParams;
 
@@ -230,15 +232,15 @@ const ReplyPreview = memo(function ReplyPreview() {
     ? getConversationMessages(currentAccount, topic!)?.byId[replyingToMessageId]
     : undefined;
 
-  const readableProfile = replyMessage
-    ? getReadableProfile(currentAccount, replyMessage?.senderAddress)
-    : null;
+  const inboxName = usePreferredInboxName(
+    replyMessage?.senderAddress as InboxId
+  );
 
   const replyingTo = replyMessage
     ? replyMessage.senderAddress === currentAccountInboxId
       ? `Replying to you`
-      : readableProfile
-        ? `Replying to ${readableProfile}`
+      : inboxName
+        ? `Replying to ${inboxName}`
         : "Replying"
     : "";