From a68bab2c96c25c7fec88cad7f84afd523d2c388f Mon Sep 17 00:00:00 2001
From: nymkappa <vialjoris@hotmail.com>
Date: Tue, 19 Apr 2022 22:38:25 +0900
Subject: [PATCH] Add Mercury Wallet on About page as Wallet Integration

---
 .../app/components/about/about.component.html |  4 +++
 .../app/components/about/about.component.scss |  2 +-
 frontend/src/resources/profile/mercury.svg    | 25 +++++++++++++++++++
 3 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 frontend/src/resources/profile/mercury.svg

diff --git a/frontend/src/app/components/about/about.component.html b/frontend/src/app/components/about/about.component.html
index 74203ab81..27892626c 100644
--- a/frontend/src/app/components/about/about.component.html
+++ b/frontend/src/app/components/about/about.component.html
@@ -226,6 +226,10 @@
         <img class="image" src="/resources/profile/phoenix.jpg" />
         <span>Phoenix</span>
       </a>
+      <a href="https://github.com/layer2tech/mercury-wallet" target="_blank" title="Mercury Wallet">
+        <img class="image" src="/resources/profile/mercury.svg" />
+        <span>Mercury</span>
+      </a>
       <a href="https://github.com/muun/apollo" target="_blank" title="Muun Wallet">
         <img class="image" src="/resources/profile/muun.png" />
         <span>Muun</span>
diff --git a/frontend/src/app/components/about/about.component.scss b/frontend/src/app/components/about/about.component.scss
index 222c14944..a373683c6 100644
--- a/frontend/src/app/components/about/about.component.scss
+++ b/frontend/src/app/components/about/about.component.scss
@@ -185,6 +185,6 @@
 }
 
 .community-integrations-sponsor {
-  max-width: 750px;
+  max-width: 830px;
   margin: auto;
 }
diff --git a/frontend/src/resources/profile/mercury.svg b/frontend/src/resources/profile/mercury.svg
new file mode 100644
index 000000000..35af2b8a7
--- /dev/null
+++ b/frontend/src/resources/profile/mercury.svg
@@ -0,0 +1,25 @@
+<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 337 337">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #0054f4;
+      }
+
+      .cls-2 {
+        fill: #009cff;
+      }
+
+      .cls-3 {
+        fill: #0085c7;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="cls-1" d="M102.48,176l-.12.19a7.64,7.64,0,1,1-13.23-7.64l19.73-34.25a5,5,0,0,0-4.31-7.45H56.6c-10.05-.4-17.29,11-12.5,20l35,74.73h0a35.38,35.38,0,0,0,51.07,14.84Z"/>
+    <path class="cls-1" d="M294.41,228a14.22,14.22,0,0,0-1.47-6.11l-35-74.64h0a35.38,35.38,0,0,0-40.41-19.41l-.18,0,16.48,35.88a7.64,7.64,0,0,1,11.1,10l-35,60.58a5,5,0,0,0,4.37,7.57h66.11A13.79,13.79,0,0,0,294.41,228Z"/>
+    <g>
+      <path class="cls-2" d="M197.22,50.31c-.78-2-2.94-5.79-5.85-7-5-2.5-11.91-1.08-14.74,4.1l-45.84,79.43h0l-28.43,49.34a7.63,7.63,0,0,1-13.49-.5l51.69,112.55c4.22,9,16.09,8.77,20.59.19L188,242h0l43.74-75.79a7.63,7.63,0,0,1,13.67.93l-46-112Z"/>
+      <path class="cls-3" d="M245.49,167.35s0,0,0,0h0Z"/>
+    </g>
+  </g>
+</svg>