From 187a15a015ed2f2b27df4b272e8e575f079cfb04 Mon Sep 17 00:00:00 2001
From: chloe <44501120+chloezxyy@users.noreply.github.com>
Date: Mon, 21 Aug 2023 15:53:42 +0800
Subject: [PATCH] fix prop types

---
 .../app/components/icons/assets/MATIC.tsx     | 10 +++---
 .../app/components/icons/assets/SOL.tsx       | 12 +++----
 .../app/components/icons/assets/dMATIC.tsx    |  6 ++--
 .../app/components/icons/assets/dSOL.tsx      | 32 +++++++++----------
 4 files changed, 30 insertions(+), 30 deletions(-)

diff --git a/mobile-app/app/components/icons/assets/MATIC.tsx b/mobile-app/app/components/icons/assets/MATIC.tsx
index efd618e166..49c67ed5b2 100644
--- a/mobile-app/app/components/icons/assets/MATIC.tsx
+++ b/mobile-app/app/components/icons/assets/MATIC.tsx
@@ -1,4 +1,4 @@
-import Svg, { Rect, Path, SvgProps } from "react-native-svg";
+import Svg, { Rect, Path, SvgProps, Defs, G } from "react-native-svg";
 
 export function MATIC(props: SvgProps): JSX.Element {
   return (
@@ -9,13 +9,13 @@ export function MATIC(props: SvgProps): JSX.Element {
         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="#8247E5"
       />
-      <g clipPath="url(#clip0_7700_5237)">
+      <G clipPath="url(#clip0_7700_5237)">
         <Path
           d="M23.6146 13.8438C23.2135 13.6146 22.6979 13.6146 22.2396 13.8438L19.0312 15.7344L16.8542 16.9375L13.7031 18.8281C13.3021 19.0573 12.7865 19.0573 12.3281 18.8281L9.86458 17.3386C9.46354 17.1094 9.17708 16.6511 9.17708 16.1354V13.2708C9.17708 12.8125 9.40625 12.3542 9.86458 12.0677L12.3281 10.6354C12.7292 10.4063 13.2448 10.4063 13.7031 10.6354L16.1667 12.125C16.5677 12.3542 16.8542 12.8125 16.8542 13.3281V15.2188L19.0312 13.9583V12.0104C19.0312 11.5521 18.8021 11.0938 18.3437 10.8073L13.7604 8.11459C13.3594 7.88543 12.8437 7.88543 12.3854 8.11459L7.6875 10.8646C7.22917 11.0938 7 11.5521 7 12.0104V17.3958C7 17.8542 7.22917 18.3125 7.6875 18.599L12.3281 21.2917C12.7292 21.5208 13.2448 21.5208 13.7031 21.2917L16.8542 19.4583L19.0312 18.1979L22.1823 16.3646C22.5833 16.1354 23.099 16.1354 23.5573 16.3646L26.0208 17.7969C26.4219 18.0261 26.7083 18.4844 26.7083 19V21.8646C26.7083 22.3229 26.4792 22.7813 26.0208 23.0677L23.6146 24.5C23.2135 24.7292 22.6979 24.7292 22.2396 24.5L19.776 23.0677C19.375 22.8386 19.0885 22.3802 19.0885 21.8646V20.0313L16.9115 21.2917V23.1823C16.9115 23.6406 17.1406 24.099 17.599 24.3854L22.2396 27.0781C22.6406 27.3073 23.1562 27.3073 23.6146 27.0781L28.2552 24.3854C28.6562 24.1563 28.9427 23.6979 28.9427 23.1823V17.7396C28.9427 17.2813 28.7135 16.8229 28.2552 16.5365L23.6146 13.8438Z"
           fill="white"
         />
-      </g>
-      <defs>
+      </G>
+      <Defs>
         <clipPath id="clip0_7700_5237">
           <Rect
             width="22"
@@ -24,7 +24,7 @@ export function MATIC(props: SvgProps): JSX.Element {
             transform="translate(7 8)"
           />
         </clipPath>
-      </defs>
+      </Defs>
     </Svg>
   );
 }
diff --git a/mobile-app/app/components/icons/assets/SOL.tsx b/mobile-app/app/components/icons/assets/SOL.tsx
index 3fa40f9e65..bc4845fa17 100644
--- a/mobile-app/app/components/icons/assets/SOL.tsx
+++ b/mobile-app/app/components/icons/assets/SOL.tsx
@@ -1,4 +1,4 @@
-import Svg, { Stop, Path, SvgProps } from "react-native-svg";
+import Svg, { Stop, Path, SvgProps, G, Defs, Rect } from "react-native-svg";
 
 export function SOL(props: SvgProps): JSX.Element {
   return (
@@ -9,7 +9,7 @@ export function SOL(props: SvgProps): JSX.Element {
         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="#0C192B"
       />
-      <g clipPath="url(#clip0_7705_27225)">
+      <G clipPath="url(#clip0_7705_27225)">
         <Path
           d="M11.2487 21.9638C11.3694 21.8431 11.5353 21.7727 11.7113 21.7727H27.6731C27.9648 21.7727 28.1106 22.1247 27.9045 22.3309L24.7513 25.484C24.6306 25.6047 24.4647 25.6751 24.2887 25.6751H8.32688C8.0352 25.6751 7.88936 25.3231 8.09555 25.1169L11.2487 21.9638Z"
           fill="url(#paint0_linear_7705_27225)"
@@ -22,8 +22,8 @@ export function SOL(props: SvgProps): JSX.Element {
           d="M24.7513 16.0397C24.6306 15.919 24.4647 15.8486 24.2887 15.8486H8.32688C8.0352 15.8486 7.88936 16.2007 8.09555 16.4068L11.2487 19.56C11.3694 19.6807 11.5353 19.7511 11.7113 19.7511H27.6731C27.9648 19.7511 28.1106 19.399 27.9045 19.1929L24.7513 16.0397Z"
           fill="url(#paint2_linear_7705_27225)"
         />
-      </g>
-      <defs>
+      </G>
+      <Defs>
         <linearGradient
           id="paint0_linear_7705_27225"
           x1="26.1483"
@@ -58,14 +58,14 @@ export function SOL(props: SvgProps): JSX.Element {
           <Stop offset="1" stopColor="#DC1FFF" />
         </linearGradient>
         <clipPath id="clip0_7705_27225">
-          <rect
+          <Rect
             width="20"
             height="15.6751"
             fill="white"
             transform="translate(8 10)"
           />
         </clipPath>
-      </defs>
+      </Defs>
     </Svg>
   );
 }
diff --git a/mobile-app/app/components/icons/assets/dMATIC.tsx b/mobile-app/app/components/icons/assets/dMATIC.tsx
index 4aa16f19bc..ed426ecb1a 100644
--- a/mobile-app/app/components/icons/assets/dMATIC.tsx
+++ b/mobile-app/app/components/icons/assets/dMATIC.tsx
@@ -1,4 +1,4 @@
-import Svg, { G, Path, SvgProps } from "react-native-svg";
+import Svg, { G, Path, SvgProps, Defs } from "react-native-svg";
 
 export function dMATIC(props: SvgProps): JSX.Element {
   return (
@@ -15,7 +15,7 @@ export function dMATIC(props: SvgProps): JSX.Element {
           fill="#8247E5"
         />
       </G>
-      <defs>
+      <Defs>
         <clipPath id="clip0_7700_19">
           <rect
             width="22"
@@ -24,7 +24,7 @@ export function dMATIC(props: SvgProps): JSX.Element {
             transform="translate(7 8)"
           />
         </clipPath>
-      </defs>
+      </Defs>
     </Svg>
   );
 }
diff --git a/mobile-app/app/components/icons/assets/dSOL.tsx b/mobile-app/app/components/icons/assets/dSOL.tsx
index c42577fb01..3a522229a8 100644
--- a/mobile-app/app/components/icons/assets/dSOL.tsx
+++ b/mobile-app/app/components/icons/assets/dSOL.tsx
@@ -1,29 +1,29 @@
-import Svg, { SvgProps } from "react-native-svg";
+import Svg, { SvgProps, G, Path, Defs, Stop, Rect } from "react-native-svg";
 
 export function dSOL(props: SvgProps): JSX.Element {
   return (
     <Svg width="36" height="36" viewBox="0 0 36 36" fill="none" {...props}>
-      <path
+      <Path
         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="#F5F5F5"
       />
-      <g clipPath="url(#clip0_7700_27216)">
-        <path
+      <G clipPath="url(#clip0_7700_27216)">
+        <Path
           d="M11.2487 21.9638C11.3694 21.8431 11.5353 21.7727 11.7113 21.7727H27.6731C27.9648 21.7727 28.1106 22.1247 27.9045 22.3309L24.7513 25.484C24.6306 25.6047 24.4647 25.6751 24.2887 25.6751H8.32689C8.03521 25.6751 7.88937 25.3231 8.09556 25.1169L11.2487 21.9638Z"
           fill="url(#paint0_linear_7700_27216)"
         />
-        <path
+        <Path
           d="M11.2486 10.1911C11.3743 10.0704 11.5403 10 11.7112 10H27.673C27.9647 10 28.1105 10.352 27.9044 10.5582L24.7512 13.7113C24.6305 13.832 24.4646 13.9024 24.2886 13.9024H8.32678C8.0351 13.9024 7.88926 13.5504 8.09545 13.3442L11.2486 10.1911Z"
           fill="url(#paint1_linear_7700_27216)"
         />
-        <path
+        <Path
           d="M24.7513 16.0397C24.6306 15.919 24.4647 15.8486 24.2887 15.8486H8.32689C8.03521 15.8486 7.88937 16.2007 8.09556 16.4068L11.2487 19.56C11.3694 19.6807 11.5353 19.7511 11.7113 19.7511H27.6731C27.9648 19.7511 28.1106 19.399 27.9045 19.1929L24.7513 16.0397Z"
           fill="url(#paint2_linear_7700_27216)"
         />
-      </g>
-      <defs>
+      </G>
+      <Defs>
         <linearGradient
           id="paint0_linear_7700_27216"
           x1="26.1483"
@@ -32,8 +32,8 @@ export function dSOL(props: SvgProps): JSX.Element {
           y2="29.2755"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="#00FFA3" />
-          <stop offset="1" stopColor="#DC1FFF" />
+          <Stop stopColor="#00FFA3" />
+          <Stop offset="1" stopColor="#DC1FFF" />
         </linearGradient>
         <linearGradient
           id="paint1_linear_7700_27216"
@@ -43,8 +43,8 @@ export function dSOL(props: SvgProps): JSX.Element {
           y2="26.7537"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="#00FFA3" />
-          <stop offset="1" stopColor="#DC1FFF" />
+          <Stop stopColor="#00FFA3" />
+          <Stop offset="1" stopColor="#DC1FFF" />
         </linearGradient>
         <linearGradient
           id="paint2_linear_7700_27216"
@@ -54,18 +54,18 @@ export function dSOL(props: SvgProps): JSX.Element {
           y2="28.0066"
           gradientUnits="userSpaceOnUse"
         >
-          <stop stopColor="#00FFA3" />
-          <stop offset="1" stopColor="#DC1FFF" />
+          <Stop stopColor="#00FFA3" />
+          <Stop offset="1" stopColor="#DC1FFF" />
         </linearGradient>
         <clipPath id="clip0_7700_27216">
-          <rect
+          <Rect
             width="20"
             height="15.6751"
             fill="white"
             transform="translate(8 10)"
           />
         </clipPath>
-      </defs>
+      </Defs>
     </Svg>
   );
 }