From 1a2ff2c9a211e340d2e15d6ed2fc186ac02d5132 Mon Sep 17 00:00:00 2001
From: Kim Honoridez <kim.energyweb@gmail.com>
Date: Thu, 23 Nov 2023 23:51:26 +0800
Subject: [PATCH] feat(ddhub-client-gateway-frontend): Display recipient list
 as minified DID or alias

---
 .../MessageOutbox/MessageOutbox.effects.ts    | 23 ++++++++++---------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/libs/ddhub-client-gateway-frontend/ui/messaging/src/lib/containers/MessageOutbox/MessageOutbox.effects.ts b/libs/ddhub-client-gateway-frontend/ui/messaging/src/lib/containers/MessageOutbox/MessageOutbox.effects.ts
index b5b50952..3e34dd5d 100644
--- a/libs/ddhub-client-gateway-frontend/ui/messaging/src/lib/containers/MessageOutbox/MessageOutbox.effects.ts
+++ b/libs/ddhub-client-gateway-frontend/ui/messaging/src/lib/containers/MessageOutbox/MessageOutbox.effects.ts
@@ -49,11 +49,21 @@ export const useMessageOutboxEffects = () => {
   };
 
   const openRecipientListModal = (data: GetSentMessageResponseDto) => {
+    const modifiedRecipientFormat = data.recipients.map((recipient) => {
+      return {
+        ...recipient,
+        did: addressBookContext.getAliasOrMinifiedDid(recipient.did),
+      };
+    });
+
     dispatch({
       type: ModalActionsEnum.SHOW_RECIPIENT_LIST,
       payload: {
         open: true,
-        data: data,
+        data: {
+          ...data,
+          recipients: modifiedRecipientFormat,
+        },
       },
     });
   };
@@ -67,16 +77,7 @@ export const useMessageOutboxEffects = () => {
     {
       label: 'View recipients',
       onClick: (message: GetSentMessageResponseDto) => {
-        const recipients = message.recipients.map((recipient) => {
-          return {
-            ...recipient,
-            did: addressBookContext.getAliasOrMinifiedDid(recipient.did),
-          };
-        });
-        openRecipientListModal({
-          ...message,
-          recipients,
-        });
+        openRecipientListModal(message);
       },
     },
   ];