Merge 'main' branch changes

BirthdayResearch · Sep 26, 2023 · e187749 · e187749
2 parents fb4907f + fb8a96d
commit e187749
Show file tree

Hide file tree

Showing 7 changed files with 883 additions and 389 deletions.
diff --git a/mobile-app/app/components/icons/assets/XCHF.tsx 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
+        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"
+      />
+      <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
@@ -0,0 +1,25 @@
+import Svg, { ClipPath, Defs, G, Path, Rect, 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 clipPath="url(#clip0_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="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>
+      </Defs>
+    </Svg>
+  );
+}
diff --git a/mobile-app/app/components/icons/assets/dXCHF.tsx 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
+        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"
+      />
+      <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
@@ -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";
 
 import { EvmDFI } from "./EvmDFI";
 
@@ -46,6 +49,9 @@ const mapping: Record<string, (props: SvgProps) => JSX.Element> = {
   dDOT: dDOT,
   dMATIC: dMATIC,
   dSOL: dSOL,
+  dSUI: dSUI,
+  XCHF: XCHF,
+  dXCHF: dXCHF,
 };
 
 /**

diff --git a/mobile-app/cypress/e2e/functional/wallet/settings/networkDetails.spec.ts b/mobile-app/cypress/e2e/functional/wallet/settings/networkDetails.spec.ts
@@ -32,7 +32,7 @@ context("Wallet - Network detail screen - outside wallet context", () => {
             cy.getByTestID(`button_network_${network}_check`).should(
               "have.css",
               "color",
-              statusBgColor
+              statusBgColor,
             );
           });
       });
@@ -55,7 +55,7 @@ context("Wallet - Network detail screen - outside wallet context", () => {
             cy.getByTestID(`button_network_${network}_check`).should(
               "have.css",
               "color",
-              statusBgColor
+              statusBgColor,
             );
             cy.go("back");
             cy.url().should("include", "wallet/onboarding/guidelines");
@@ -78,13 +78,13 @@ context("Wallet - Network detail screen - outside wallet context", () => {
                       .filter(":visible")
                       .click();
                     cy.getByTestID(`button_network_${network}_uncheck`).should(
-                      "exist"
+                      "exist",
                     );
                     cy.getByTestID(
-                      `button_network_${updatedNetwork}_check`
+                      `button_network_${updatedNetwork}_check`,
                     ).should("exist");
                     cy.getByTestID(
-                      `button_network_${updatedNetwork}_check`
+                      `button_network_${updatedNetwork}_check`,
                     ).should("have.css", "color", updatedStatusBgColor);
                   });
               });
@@ -161,7 +161,7 @@ context("Wallet - Network detail screen - outside wallet context", () => {
             cy.getByTestID(`button_network_${network}_check`).should(
               "have.css",
               "color",
-              statusBgColor
+              statusBgColor,
             );
             cy.getByTestID("network_details_block_height")
               .should("exist")
@@ -177,7 +177,9 @@ context("Wallet - Network detail screen - outside wallet context", () => {
                   .invoke("text")
                   .then((updatedLastSync) => {
                     expect(
-                      dayjs(lastSuccessfulSync).isBefore(dayjs(updatedLastSync))
+                      dayjs(lastSuccessfulSync).isBefore(
+                        dayjs(updatedLastSync),
+                      ),
                     ).to.be.eq(true);
                   });
               });
@@ -208,7 +210,7 @@ context("Wallet - Network detail screen - with wallet context", () => {
         cy.getByTestID(`button_network_${network}_check`).should(
           "have.css",
           "color",
-          "rgb(0, 173, 29)"
+          "rgb(0, 173, 29)",
         );
       });
   });
@@ -231,7 +233,7 @@ context("Wallet - Network detail screen - with wallet context", () => {
             cy.getByTestID(`button_network_${network}_check`).should(
               "have.css",
               "color",
-              statusBgColor
+              statusBgColor,
             );
             cy.getByTestID("button_network_Playground").click();
             cy.exitWallet();
@@ -254,7 +256,7 @@ context("Wallet - Network detail screen - with wallet context", () => {
                       .should("exist")
                       .contains(updatedNetwork);
                     cy.getByTestID(
-                      `button_network_${updatedNetwork}_check`
+                      `button_network_${updatedNetwork}_check`,
                     ).should("have.css", "color", updatedStatusBgColor);
                   });
               });
@@ -266,6 +268,7 @@ context("Wallet - Network detail screen - with wallet context", () => {
     cy.getByTestID("bottom_tab_portfolio").click();
     cy.getByTestID("header_settings").click().wait(3000);
     cy.getByTestID("header_network_icon").filter(":visible").click();
+    cy.getByTestID("block_detail_explorer_url").scrollIntoView();
     cy.getByTestID("block_detail_explorer_url")
       .invoke("text")
       .then(() => {
@@ -333,5 +336,5 @@ context(
       cy.go("back");
       cy.url().should("include", "app/Settings");
     });
-  }
+  },
 );