Merge pull request #377 from energywebfoundation/feat/display-recipie…

…nt-list feat(ddhub-client-gateway-frontend): Display recipient list as minified DID or alias
energywebfoundation · Nov 23, 2023 · 9bd135f · 9bd135f
2 parents 5fe9d1c + 1a2ff2c
commit 9bd135f
Showing 1 changed file with 12 additions and 11 deletions.
diff --git a/...t-gateway-frontend/ui/messaging/src/lib/containers/MessageOutbox/MessageOutbox.effects.ts b/...t-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);
       },
     },
   ];