From d9b1153b3c66c8d9fcbcd1a06aeb2ee6e5c8eb0c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bego=C3=B1a=20Alvarez?= <balvarez@boxfish.studio>
Date: Wed, 17 Mar 2021 11:40:43 +0100
Subject: [PATCH] feat: add transaction status to transaction detail

---
 packages/shared/components/ActivityDetail.svelte | 10 ++++++----
 packages/shared/locales/en.json                  |  3 +++
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/packages/shared/components/ActivityDetail.svelte b/packages/shared/components/ActivityDetail.svelte
index cb21113d9e2..8761828c705 100644
--- a/packages/shared/components/ActivityDetail.svelte
+++ b/packages/shared/components/ActivityDetail.svelte
@@ -10,12 +10,10 @@
     import type { Payload } from 'shared/lib/typings/message'
 
     export let id
-
     export let timestamp
+    export let confirmed
     export let locale
-
     export let payload: Payload
-
     export let onBackClick = () => {}
 
     const accounts = getContext<Writable<WalletAccount[]>>('walletAccounts')
@@ -47,7 +45,7 @@
 
 <div class="flex flex-col h-full min-h-0">
     <div
-        class="px-4 pt-7 pb-3.5 mb-5 rounded-xl text-center items-center justify-center flex flex-row bg-gray-100 dark:bg-gray-900 dark:bg-opacity-50">
+        class="px-4 pt-7 pb-3.5 mb-5 rounded-xl text-center items-center justify-center flex flex-row bg-gray-100 dark:bg-gray-900 dark:bg-opacity-50 {!confirmed && 'opacity-50'}">
         <div class="flex flex-col flex-wrap justify-center items-center text-center">
             {#if senderAccount}
                 <div
@@ -82,6 +80,10 @@
         </div>
     </div>
     <div class="mb-6 h-full overflow-y-auto">
+        <div class="mb-5">
+            <Text secondary>{locale('general.status')}</Text>
+            <Text smaller>{locale(`general.${confirmed ? 'confirmed' : 'pending'}`)}</Text>
+        </div>
         {#if timestamp}
             <div class="mb-5">
                 <Text secondary>{locale('general.date')}</Text>
diff --git a/packages/shared/locales/en.json b/packages/shared/locales/en.json
index 7f3f42610a6..3af18bb2767 100644
--- a/packages/shared/locales/en.json
+++ b/packages/shared/locales/en.json
@@ -500,6 +500,9 @@
         "inputAddress": "Input Address",
         "receiveAddress": "Receive Address",
         "date": "Date",
+        "status": "Status",
+        "confirmed": "Confirmed",
+        "pending": "Pending",
         "noAccounts": "You have no accounts, please create one.",
         "loadingAccounts": "Loading, please wait...",
         "addProfile": "Add Profile",