From 1141c587a86a205d7f75a6f05c1b94b85de84a2c Mon Sep 17 00:00:00 2001
From: Lyka Labrada <lykalabrada@gmail.com>
Date: Wed, 30 Aug 2023 13:37:31 +0800
Subject: [PATCH 1/4] feat(ui-ux): add svg icons for sui and xchf tokens

---
 .../app/components/icons/assets/XCHF.tsx      | 18 +++++++++++
 .../app/components/icons/assets/dSUI.tsx      | 30 +++++++++++++++++++
 .../app/components/icons/assets/dXCHF.tsx     | 18 +++++++++++
 .../app/components/icons/assets/index.ts      |  6 ++++
 4 files changed, 72 insertions(+)
 create mode 100644 mobile-app/app/components/icons/assets/XCHF.tsx
 create mode 100644 mobile-app/app/components/icons/assets/dSUI.tsx
 create mode 100644 mobile-app/app/components/icons/assets/dXCHF.tsx

diff --git a/mobile-app/app/components/icons/assets/XCHF.tsx b/mobile-app/app/components/icons/assets/XCHF.tsx
new file mode 100644
index 0000000000..19cf87e755
--- /dev/null
+++ b/mobile-app/app/components/icons/assets/XCHF.tsx
@@ -0,0 +1,18 @@
+import Svg, { Path, SvgProps } from "react-native-svg";
+
+export function XCHF(props: SvgProps): JSX.Element {
+  return (
+    <Svg width="36" height="36" viewBox="0 0 36 36" fill="none" {...props}>
+      <Path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M0 18C0 8.05891 8.05891 0 18 0C27.9411 0 36 8.05891 36 18C36 27.9411 27.9411 36 18 36C8.05891 36 0 27.9411 0 18Z"
+        fill="#CE0E2D"
+      />
+      <Path
+        d="M13.023 24.1571H5.65027L13.1825 12.0313L15.1859 15.0667L13.911 17.1915L13.1825 16.1898L9.60073 22.0229H11.7862L20.8809 7.57166C24.98 14.0487 27.2782 17.6801 31.3773 24.1571L18.1969 24.1571L15.998 20.6809L17.3077 18.6113L19.5066 22.0229H27.5584L20.8809 11.4002L13.023 24.1571Z"
+        fill="white"
+      />
+    </Svg>
+  );
+}
diff --git a/mobile-app/app/components/icons/assets/dSUI.tsx b/mobile-app/app/components/icons/assets/dSUI.tsx
new file mode 100644
index 0000000000..5cddc13000
--- /dev/null
+++ b/mobile-app/app/components/icons/assets/dSUI.tsx
@@ -0,0 +1,30 @@
+import Svg, { ClipPath, Defs, G, Path, SvgProps } from "react-native-svg";
+
+export function dSUI(props: SvgProps): JSX.Element {
+  return (
+    <Svg width="48" height="48" viewBox="0 0 48 48" fill="none" {...props}>
+      <G clip-path="url(#clip0_4798_2431)">
+        <G clip-path="url(#clip1_4798_2431)">
+          <Path
+            d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
+            fill="#F1F3F4"
+          />
+          <Path
+            fill-rule="evenodd"
+            clip-rule="evenodd"
+            d="M32.4037 20.9259L32.4031 20.9274C33.8631 22.7581 34.7356 25.0769 34.7356 27.5989C34.7356 30.1584 33.837 32.5086 32.3375 34.3517L32.2084 34.5104L32.1742 34.3087C32.1451 34.1372 32.1109 33.964 32.0711 33.7895C31.3207 30.4924 28.8758 27.6651 24.8518 25.376C22.1345 23.8344 20.579 21.9781 20.1707 19.869C19.9069 18.5051 20.103 17.1353 20.4819 15.9619C20.8608 14.789 21.4243 13.8062 21.903 13.2146L21.9033 13.2142L23.4687 11.3001C23.7432 10.9645 24.2569 10.9645 24.5315 11.3001L32.4037 20.9259ZM34.8796 19.0135L34.8799 19.0128L24.3879 6.18371C24.1875 5.93876 23.8125 5.93876 23.6121 6.18371L13.12 19.0129L13.1203 19.0137L13.0862 19.056C11.1554 21.4519 10 24.4966 10 27.811C10 35.5302 16.2679 41.7881 24 41.7881C31.7321 41.7881 38 35.5302 38 27.811C38 24.4966 36.8446 21.4519 34.9138 19.056L34.8796 19.0135ZM15.6305 20.8845L15.6309 20.884L16.5693 19.7365L16.5977 19.9483C16.6202 20.1161 16.6474 20.2848 16.6797 20.4542C17.287 23.6402 19.4561 26.2967 23.0827 28.3541C26.2351 30.1483 28.0705 32.2114 28.5994 34.4741C28.82 35.4184 28.8593 36.3475 28.7638 37.1598L28.7578 37.21L28.7124 37.2323C27.2896 37.9273 25.6901 38.3175 23.9997 38.3175C18.0705 38.3175 13.2638 33.5187 13.2638 27.5989C13.2638 25.0572 14.1498 22.7218 15.6305 20.8845Z"
+            fill="#4CA2FF"
+          />
+        </G>
+      </G>
+      <Defs>
+        <ClipPath id="clip0_4798_2431">
+          <rect width="48" height="48" fill="white" />
+        </ClipPath>
+        <ClipPath id="clip1_4798_2431">
+          <rect width="48" height="48" fill="white" />
+        </ClipPath>
+      </Defs>
+    </Svg>
+  );
+}
diff --git a/mobile-app/app/components/icons/assets/dXCHF.tsx b/mobile-app/app/components/icons/assets/dXCHF.tsx
new file mode 100644
index 0000000000..f5acff4cb6
--- /dev/null
+++ b/mobile-app/app/components/icons/assets/dXCHF.tsx
@@ -0,0 +1,18 @@
+import Svg, { Path, SvgProps } from "react-native-svg";
+
+export function dXCHF(props: SvgProps): JSX.Element {
+  return (
+    <Svg width="36" height="36" viewBox="0 0 36 36" fill="none" {...props}>
+      <Path
+        fill-rule="evenodd"
+        clip-rule="evenodd"
+        d="M0 18C0 8.05891 8.05891 0 18 0C27.9411 0 36 8.05891 36 18C36 27.9411 27.9411 36 18 36C8.05891 36 0 27.9411 0 18Z"
+        fill="#FFE8EB"
+      />
+      <Path
+        d="M13.023 24.1571H5.65027L13.1825 12.0313L15.1859 15.0667L13.911 17.1915L13.1825 16.1898L9.60073 22.0229H11.7862L20.8809 7.57166C24.98 14.0487 27.2782 17.6801 31.3773 24.1571L18.1969 24.1571L15.998 20.6809L17.3077 18.6113L19.5066 22.0229H27.5584L20.8809 11.4002L13.023 24.1571Z"
+        fill="#CE0E2D"
+      />
+    </Svg>
+  );
+}
diff --git a/mobile-app/app/components/icons/assets/index.ts b/mobile-app/app/components/icons/assets/index.ts
index 399e893b47..d95319e877 100644
--- a/mobile-app/app/components/icons/assets/index.ts
+++ b/mobile-app/app/components/icons/assets/index.ts
@@ -18,6 +18,9 @@ import { MATIC } from "./MATIC";
 import { dDOT } from "./dDOT";
 import { dMATIC } from "./dMATIC";
 import { dSOL } from "./dSOL";
+import { dSUI } from "./dSUI";
+import { XCHF } from "./XCHF";
+import { dXCHF } from "./dXCHF";
 
 const mapping: Record<string, (props: SvgProps) => JSX.Element> = {
   _UTXO: DFI,
@@ -43,6 +46,9 @@ const mapping: Record<string, (props: SvgProps) => JSX.Element> = {
   dDOT: dDOT,
   dMATIC: dMATIC,
   dSOL: dSOL,
+  dSUI: dSUI,
+  XCHF: XCHF,
+  dXCHF: dXCHF,
 };
 
 /**

From 2de96d9b8e1500f3432342e0e90716878c15471a Mon Sep 17 00:00:00 2001
From: Lyka Labrada <lykalabrada@gmail.com>
Date: Wed, 30 Aug 2023 14:32:47 +0800
Subject: [PATCH 2/4] fix invlalid svg props

---
 mobile-app/app/components/icons/assets/XCHF.tsx  | 4 ++--
 mobile-app/app/components/icons/assets/dSUI.tsx  | 8 ++++----
 mobile-app/app/components/icons/assets/dXCHF.tsx | 4 ++--
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/mobile-app/app/components/icons/assets/XCHF.tsx b/mobile-app/app/components/icons/assets/XCHF.tsx
index 19cf87e755..5314e74790 100644
--- a/mobile-app/app/components/icons/assets/XCHF.tsx
+++ b/mobile-app/app/components/icons/assets/XCHF.tsx
@@ -4,8 +4,8 @@ export function XCHF(props: SvgProps): JSX.Element {
   return (
     <Svg width="36" height="36" viewBox="0 0 36 36" fill="none" {...props}>
       <Path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M0 18C0 8.05891 8.05891 0 18 0C27.9411 0 36 8.05891 36 18C36 27.9411 27.9411 36 18 36C8.05891 36 0 27.9411 0 18Z"
         fill="#CE0E2D"
       />
diff --git a/mobile-app/app/components/icons/assets/dSUI.tsx b/mobile-app/app/components/icons/assets/dSUI.tsx
index 5cddc13000..7312d71880 100644
--- a/mobile-app/app/components/icons/assets/dSUI.tsx
+++ b/mobile-app/app/components/icons/assets/dSUI.tsx
@@ -3,15 +3,15 @@ import Svg, { ClipPath, Defs, G, Path, SvgProps } from "react-native-svg";
 export function dSUI(props: SvgProps): JSX.Element {
   return (
     <Svg width="48" height="48" viewBox="0 0 48 48" fill="none" {...props}>
-      <G clip-path="url(#clip0_4798_2431)">
-        <G clip-path="url(#clip1_4798_2431)">
+      <G clipPath="url(#clip0_4798_2431)">
+        <G clipPath="url(#clip1_4798_2431)">
           <Path
             d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
             fill="#F1F3F4"
           />
           <Path
-            fill-rule="evenodd"
-            clip-rule="evenodd"
+            fillRule="evenodd"
+            clipRule="evenodd"
             d="M32.4037 20.9259L32.4031 20.9274C33.8631 22.7581 34.7356 25.0769 34.7356 27.5989C34.7356 30.1584 33.837 32.5086 32.3375 34.3517L32.2084 34.5104L32.1742 34.3087C32.1451 34.1372 32.1109 33.964 32.0711 33.7895C31.3207 30.4924 28.8758 27.6651 24.8518 25.376C22.1345 23.8344 20.579 21.9781 20.1707 19.869C19.9069 18.5051 20.103 17.1353 20.4819 15.9619C20.8608 14.789 21.4243 13.8062 21.903 13.2146L21.9033 13.2142L23.4687 11.3001C23.7432 10.9645 24.2569 10.9645 24.5315 11.3001L32.4037 20.9259ZM34.8796 19.0135L34.8799 19.0128L24.3879 6.18371C24.1875 5.93876 23.8125 5.93876 23.6121 6.18371L13.12 19.0129L13.1203 19.0137L13.0862 19.056C11.1554 21.4519 10 24.4966 10 27.811C10 35.5302 16.2679 41.7881 24 41.7881C31.7321 41.7881 38 35.5302 38 27.811C38 24.4966 36.8446 21.4519 34.9138 19.056L34.8796 19.0135ZM15.6305 20.8845L15.6309 20.884L16.5693 19.7365L16.5977 19.9483C16.6202 20.1161 16.6474 20.2848 16.6797 20.4542C17.287 23.6402 19.4561 26.2967 23.0827 28.3541C26.2351 30.1483 28.0705 32.2114 28.5994 34.4741C28.82 35.4184 28.8593 36.3475 28.7638 37.1598L28.7578 37.21L28.7124 37.2323C27.2896 37.9273 25.6901 38.3175 23.9997 38.3175C18.0705 38.3175 13.2638 33.5187 13.2638 27.5989C13.2638 25.0572 14.1498 22.7218 15.6305 20.8845Z"
             fill="#4CA2FF"
           />
diff --git a/mobile-app/app/components/icons/assets/dXCHF.tsx b/mobile-app/app/components/icons/assets/dXCHF.tsx
index f5acff4cb6..fa490cf7dc 100644
--- a/mobile-app/app/components/icons/assets/dXCHF.tsx
+++ b/mobile-app/app/components/icons/assets/dXCHF.tsx
@@ -4,8 +4,8 @@ export function dXCHF(props: SvgProps): JSX.Element {
   return (
     <Svg width="36" height="36" viewBox="0 0 36 36" fill="none" {...props}>
       <Path
-        fill-rule="evenodd"
-        clip-rule="evenodd"
+        fillRule="evenodd"
+        clipRule="evenodd"
         d="M0 18C0 8.05891 8.05891 0 18 0C27.9411 0 36 8.05891 36 18C36 27.9411 27.9411 36 18 36C8.05891 36 0 27.9411 0 18Z"
         fill="#FFE8EB"
       />

From 2dbfb738bfd233c556e6149f408d027bdeadb593 Mon Sep 17 00:00:00 2001
From: Lyka Labrada <lykalabrada@gmail.com>
Date: Wed, 30 Aug 2023 14:56:50 +0800
Subject: [PATCH 3/4] update sui svg to a flatter one

---
 .../app/components/icons/assets/dSUI.tsx      | 25 ++++++++-----------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/mobile-app/app/components/icons/assets/dSUI.tsx b/mobile-app/app/components/icons/assets/dSUI.tsx
index 7312d71880..5a35d6a8ec 100644
--- a/mobile-app/app/components/icons/assets/dSUI.tsx
+++ b/mobile-app/app/components/icons/assets/dSUI.tsx
@@ -4,26 +4,21 @@ export function dSUI(props: SvgProps): JSX.Element {
   return (
     <Svg width="48" height="48" viewBox="0 0 48 48" fill="none" {...props}>
       <G clipPath="url(#clip0_4798_2431)">
-        <G clipPath="url(#clip1_4798_2431)">
-          <Path
-            d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
-            fill="#F1F3F4"
-          />
-          <Path
-            fillRule="evenodd"
-            clipRule="evenodd"
-            d="M32.4037 20.9259L32.4031 20.9274C33.8631 22.7581 34.7356 25.0769 34.7356 27.5989C34.7356 30.1584 33.837 32.5086 32.3375 34.3517L32.2084 34.5104L32.1742 34.3087C32.1451 34.1372 32.1109 33.964 32.0711 33.7895C31.3207 30.4924 28.8758 27.6651 24.8518 25.376C22.1345 23.8344 20.579 21.9781 20.1707 19.869C19.9069 18.5051 20.103 17.1353 20.4819 15.9619C20.8608 14.789 21.4243 13.8062 21.903 13.2146L21.9033 13.2142L23.4687 11.3001C23.7432 10.9645 24.2569 10.9645 24.5315 11.3001L32.4037 20.9259ZM34.8796 19.0135L34.8799 19.0128L24.3879 6.18371C24.1875 5.93876 23.8125 5.93876 23.6121 6.18371L13.12 19.0129L13.1203 19.0137L13.0862 19.056C11.1554 21.4519 10 24.4966 10 27.811C10 35.5302 16.2679 41.7881 24 41.7881C31.7321 41.7881 38 35.5302 38 27.811C38 24.4966 36.8446 21.4519 34.9138 19.056L34.8796 19.0135ZM15.6305 20.8845L15.6309 20.884L16.5693 19.7365L16.5977 19.9483C16.6202 20.1161 16.6474 20.2848 16.6797 20.4542C17.287 23.6402 19.4561 26.2967 23.0827 28.3541C26.2351 30.1483 28.0705 32.2114 28.5994 34.4741C28.82 35.4184 28.8593 36.3475 28.7638 37.1598L28.7578 37.21L28.7124 37.2323C27.2896 37.9273 25.6901 38.3175 23.9997 38.3175C18.0705 38.3175 13.2638 33.5187 13.2638 27.5989C13.2638 25.0572 14.1498 22.7218 15.6305 20.8845Z"
-            fill="#4CA2FF"
-          />
-        </G>
+        <Path
+          d="M24 48C37.2548 48 48 37.2548 48 24C48 10.7452 37.2548 0 24 0C10.7452 0 0 10.7452 0 24C0 37.2548 10.7452 48 24 48Z"
+          fill="#F1F3F4"
+        />
+        <Path
+          fillRule="evenodd"
+          clipRule="evenodd"
+          d="M31.2032 21.4558L31.2026 21.4572C32.4541 23.0263 33.202 25.0138 33.202 27.1755C33.202 29.3694 32.4317 31.3839 31.1465 32.9637L31.0358 33.0997L31.0065 32.9268C30.9815 32.7798 30.9522 32.6314 30.9181 32.4818C30.2749 29.6557 28.1793 27.2324 24.7301 25.2702C22.401 23.9488 21.0677 22.3577 20.7177 20.5499C20.4917 19.3809 20.6597 18.2068 20.9845 17.201C21.3092 16.1956 21.7922 15.3533 22.2026 14.8462L23.5446 13.2052C23.7799 12.9175 24.2202 12.9175 24.4555 13.2052L31.2032 21.4558ZM33.3254 19.8167L24.3324 8.8197C24.1608 8.60974 23.8393 8.60974 23.6676 8.8197L14.6743 19.8162L14.6453 19.8531C12.9904 21.9067 12 24.5165 12 27.3574C12 33.9739 17.3725 39.3377 24 39.3377C30.6276 39.3377 36 33.9739 36 27.3574C36 24.5165 35.0096 21.9067 33.3547 19.8531L33.3254 19.8167ZM16.8261 21.4204L17.6309 20.4364L17.6552 20.618C17.6744 20.7618 17.6978 20.9064 17.7255 21.0516C18.246 23.7824 20.1052 26.0594 23.2137 27.8229C25.9158 29.3607 27.489 31.1291 27.9423 33.0686C28.1314 33.878 28.1651 34.6744 28.0832 35.3706L28.0781 35.4137L28.0392 35.4328C26.8196 36.0285 25.4487 36.3629 23.9997 36.3629C18.9176 36.3629 14.7975 32.2497 14.7975 27.1755C14.7975 24.997 15.557 22.9952 16.8261 21.4204Z"
+          fill="#4CA2FF"
+        />
       </G>
       <Defs>
         <ClipPath id="clip0_4798_2431">
           <rect width="48" height="48" fill="white" />
         </ClipPath>
-        <ClipPath id="clip1_4798_2431">
-          <rect width="48" height="48" fill="white" />
-        </ClipPath>
       </Defs>
     </Svg>
   );

From 86522bb476344d8cc46ba23badd1571a776a09e7 Mon Sep 17 00:00:00 2001
From: Lyka Labrada <lykalabrada@gmail.com>
Date: Wed, 30 Aug 2023 15:25:27 +0800
Subject: [PATCH 4/4] fix rect prop

---
 mobile-app/app/components/icons/assets/dSUI.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/mobile-app/app/components/icons/assets/dSUI.tsx b/mobile-app/app/components/icons/assets/dSUI.tsx
index 5a35d6a8ec..38ad607ac9 100644
--- a/mobile-app/app/components/icons/assets/dSUI.tsx
+++ b/mobile-app/app/components/icons/assets/dSUI.tsx
@@ -1,4 +1,4 @@
-import Svg, { ClipPath, Defs, G, Path, SvgProps } from "react-native-svg";
+import Svg, { ClipPath, Defs, G, Path, Rect, SvgProps } from "react-native-svg";
 
 export function dSUI(props: SvgProps): JSX.Element {
   return (
@@ -17,7 +17,7 @@ export function dSUI(props: SvgProps): JSX.Element {
       </G>
       <Defs>
         <ClipPath id="clip0_4798_2431">
-          <rect width="48" height="48" fill="white" />
+          <Rect width="48" height="48" fill="white" />
         </ClipPath>
       </Defs>
     </Svg>