Merge pull request #153 from buggregator/issue/#152-fix-smpt-event-pr…

…ocessed-data Issue/#152 fix smpt event processed data
buggregator · Jun 5, 2024 · d148c11 · d148c11
2 parents b18f37d + 0f221f4
commit d148c11
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 6 deletions.
diff --git a/src/entities/smtp/types.ts b/src/entities/smtp/types.ts
@@ -7,12 +7,12 @@ export interface SMTPUser {
 
 export interface SMTP {
   id: string,
-  from: SMTPUser[],
-  reply_to: SMTPUser[],
+  from?: SMTPUser[],
+  reply_to?: SMTPUser[],
   subject: string,
-  to: SMTPUser[],
-  cc: SMTPUser[],
-  bcc: SMTPUser[],
+  to?: SMTPUser[],
+  cc?: SMTPUser[],
+  bcc?: SMTPUser[],
   text: string,
   html: string,
   raw: string,

diff --git a/src/entities/smtp/ui/preview-card/preview-card.vue b/src/entities/smtp/ui/preview-card/preview-card.vue
@@ -14,6 +14,10 @@ const props = defineProps<Props>();
 const dateFormat = computed(() => moment(props.event.date).fromNow());
 
 const eventLink = computed(() => `/smtp/${props.event.id}`);
+
+const emailRecipient = computed(
+  () => props?.event?.payload?.to?.[0]?.email || null
+);
 </script>
 
 <template>
@@ -24,7 +28,9 @@ const eventLink = computed(() => `/smtp/${props.event.id}`);
       </h3>
 
       <div class="smtp-preview__link-text">
-        <span><strong>To:</strong> {{ event.payload.to[0].email }} </span>
+        <span v-if="emailRecipient"
+          ><strong>To:</strong> {{ emailRecipient }}
+        </span>
 
         <span>{{ dateFormat }}</span>
       </div>