From 64488a55931fa73bb8e216fa068b33fefd9f6c3a Mon Sep 17 00:00:00 2001
From: Sebastian <sebasjm@gmail.com>
Date: Sun, 29 May 2022 01:42:35 -0300
Subject: use logo, website and emai in purchase details

---
 .../src/wallet/Transaction.stories.tsx             |   2 +-
 .../src/wallet/Transaction.tsx                     |  40 ++++++++++++++++++++-
 .../static-dev/merchant-icon-11.jpeg               | Bin 60184 -> 0 bytes
 .../static-dev/merchant-icon.jpeg                  | Bin 0 -> 60184 bytes
 4 files changed, 40 insertions(+), 2 deletions(-)
 delete mode 100644 packages/taler-wallet-webextension/static-dev/merchant-icon-11.jpeg
 create mode 100644 packages/taler-wallet-webextension/static-dev/merchant-icon.jpeg

(limited to 'packages')

diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
index 83848d005..89b42706f 100644
--- a/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Transaction.stories.tsx
@@ -58,7 +58,7 @@ const commonTransaction = {
   transactionId: "12",
 } as TransactionCommon;
 
-import merchantIcon from "../../static-dev/merchant-icon-11.jpeg";
+import merchantIcon from "../../static-dev/merchant-icon.jpeg";
 
 const exampleData = {
   withdraw: {
diff --git a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
index 8165953ab..1170c9222 100644
--- a/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
+++ b/packages/taler-wallet-webextension/src/wallet/Transaction.tsx
@@ -396,7 +396,45 @@ export function TransactionView({
         )}
         <Part
           title={<i18n.Translate>Merchant</i18n.Translate>}
-          text={transaction.info.merchant.name}
+          text={
+            <Fragment>
+              <div style={{ display: "flex", flexDirection: "row" }}>
+                {transaction.info.merchant.logo && (
+                  <div>
+                    <img
+                      src={transaction.info.merchant.logo}
+                      style={{ width: 64, height: 64, margin: 4 }}
+                    />
+                  </div>
+                )}
+                <div>
+                  <p>{transaction.info.merchant.name}</p>
+                  {transaction.info.merchant.website && (
+                    <a
+                      href={transaction.info.merchant.website}
+                      target="_blank"
+                      style={{ textDecorationColor: "gray" }}
+                      rel="noreferrer"
+                    >
+                      <SmallLightText>
+                        {transaction.info.merchant.website}
+                      </SmallLightText>
+                    </a>
+                  )}
+                  {transaction.info.merchant.email && (
+                    <a
+                      href={`mailto:${transaction.info.merchant.email}`}
+                      style={{ textDecorationColor: "gray" }}
+                    >
+                      <SmallLightText>
+                        {transaction.info.merchant.email}
+                      </SmallLightText>
+                    </a>
+                  )}
+                </div>
+              </div>
+            </Fragment>
+          }
           kind="neutral"
         />
         <Part
diff --git a/packages/taler-wallet-webextension/static-dev/merchant-icon-11.jpeg b/packages/taler-wallet-webextension/static-dev/merchant-icon-11.jpeg
deleted file mode 100644
index 1777936c8..000000000
Binary files a/packages/taler-wallet-webextension/static-dev/merchant-icon-11.jpeg and /dev/null differ
diff --git a/packages/taler-wallet-webextension/static-dev/merchant-icon.jpeg b/packages/taler-wallet-webextension/static-dev/merchant-icon.jpeg
new file mode 100644
index 000000000..1777936c8
Binary files /dev/null and b/packages/taler-wallet-webextension/static-dev/merchant-icon.jpeg differ
-- 
cgit v1.2.3