Display stroked status style if the asset is not owned by the user. (#526)

Author: seanwu1105

src/app/features/home/transaction/transaction-details/transaction-details.page.scss

@@ -73,9 +73,14 @@ mat-toolbar {
 
   button.returned {
     color: white;
-    border-color: var(--ion-color-danger);
+    border-color: #e31587;
     background-color: #e31587;
   }
+
+  button.missed {
+    color: #e31587;
+    border-color: #e31587;
+  }
 }
 
 .column {

src/app/features/home/transaction/transaction-details/transaction-details.page.ts

@@ -41,7 +41,10 @@ export async function getStatus(
 ) {
   const resolvedEmail = await email;
   if (transaction.expired) {
-    return Status.Returned;
+    if (transaction.sender === resolvedEmail) {
+      return Status.Returned;
+    }
+    return Status.Missed;
   }
   if (!transaction.fulfilled_at) {
     if (transaction.receiver_email === resolvedEmail) {
@@ -59,6 +62,7 @@ enum Status {
   waitingToBeAccepted = 'waitingToBeAccepted',
   InProgress = 'inProgress',
   Returned = 'returned',
+  Missed = 'missed',
   Delivered = 'delivered',
   Accepted = 'accepted',
 }

src/app/features/home/transaction/transaction.page.scss

@@ -61,8 +61,13 @@ mat-toolbar {
 
     button.returned {
       color: white;
-      border-color: var(--ion-color-danger);
+      border-color: #e31587;
       background-color: #e31587;
     }
+
+    button.missed {
+      color: #e31587;
+      border-color: #e31587;
+    }
   }
 }

src/assets/i18n/en-us.json

@@ -146,6 +146,7 @@
     "accepted": "Accepted",
     "delivered": "Delivered",
     "returned": "Returned",
+    "missed": "Returned",
     "inProgress": "In Progress",
     "waitingToBeAccepted": "In Progress",
     "null": "Not Provided"

src/assets/i18n/zh-tw.json

@@ -145,6 +145,7 @@
     "accepted": "已接收",
     "delivered": "已送出",
     "returned": "已退回",
+    "missed": "已退回",
     "inProgress": "等待中",
     "waitingToBeAccepted": "等待中",
     "null": "未提供"