RequestNetwork · sstefdev · Nov 26, 2024 · Nov 22, 2024 · Nov 22, 2024 · Nov 22, 2024
diff --git a/packages/invoice-dashboard/src/lib/view-requests.svelte b/packages/invoice-dashboard/src/lib/view-requests.svelte
@@ -21,6 +21,7 @@
   import ChevronUp from "@requestnetwork/shared-icons/chevron-up.svelte";
   import Download from "@requestnetwork/shared-icons/download.svelte";
   import Search from "@requestnetwork/shared-icons/search.svelte";
+  import Network from "@requestnetwork/shared-icons/network/network-icon.svelte";
   // Types
   import type {
     GetAccountReturnType,
@@ -33,12 +34,13 @@
   // Utils
   import { config as defaultConfig } from "@requestnetwork/shared-utils/config";
   import { initializeCurrencyManager } from "@requestnetwork/shared-utils/initCurrencyManager";
+  import { checkStatus } from "@requestnetwork/shared-utils/checkStatus";
   import { exportToPDF } from "@requestnetwork/shared-utils/generateInvoice";
   import { getCurrencyFromManager } from "@requestnetwork/shared-utils/getCurrency";
   import { CurrencyManager } from "@requestnetwork/currency";
   import { onDestroy, onMount, tick } from "svelte";
   import { formatUnits } from "viem";
-  import { capitalize, debounce, formatAddress } from "../utils";
+  import { debounce, formatAddress } from "../utils";
   import { Drawer, InvoiceView } from "./dashboard";
   import { getPaymentNetworkExtension } from "@requestnetwork/payment-detection";
   import { CurrencyTypes } from "@requestnetwork/types";
@@ -381,17 +383,6 @@
   const handleRemoveSelectedRequest = () => {
     activeRequest = undefined;
   };
-
-  const checkStatus = (request: any) => {
-    switch (request?.balance?.balance > 0) {
-      case true:
-        return request?.balance?.balance >= request?.expectedAmount
-          ? "Paid"
-          : "Partially Paid";
-      default:
-        return capitalize(request?.state);
-    }
-  };
 </script>
 
 <div
@@ -575,6 +566,17 @@
                   </i>
                 </div>
               </th>
+              <th on:click={() => handleSort("currencyInfo.network")}>
+                <div>
+                  Payment Chain<i class={`caret `}>
+                    {#if sortOrder === "asc" && sortColumn === "currencyInfo.network"}
+                      <ChevronUp />
+                    {:else}
+                      <ChevronDown />
+                    {/if}
+                  </i>
+                </div>
+              </th>
               <th></th>
             </tr>
           </thead>
@@ -654,6 +656,9 @@
                     />
                   </td>
                   <td> {checkStatus(request)}</td>
+                  <td
+                    ><Network network={request.paymentCurrencies[0]?.network} />
+                  </td>
                   <td
                     ><Tooltip text="Download PDF">
                       <Download

diff --git a/shared/icons/network/arbitrum.svelte b/shared/icons/network/arbitrum.svelte
@@ -0,0 +1,81 @@
+<svg
+  xmlns:xodm="http://www.corel.com/coreldraw/odm/2003"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  version="1.1"
+  id="Layer_1"
+  x="0px"
+  y="0px"
+  viewBox="0 0 2500 2500"
+  style="enable-background:new 0 0 2500 2500;"
+  xml:space="preserve"
+  width="24"
+  height="24"
+>
+  <style type="text/css">
+    .st0 {
+      fill: none;
+    }
+    .st1 {
+      fill: #213147;
+    }
+    .st2 {
+      fill: #12aaff;
+    }
+    .st3 {
+      fill: #9dcced;
+    }
+    .st4 {
+      fill: #ffffff;
+    }
+  </style>
+  <g id="Layer_x0020_1">
+    <g id="_2405588477232">
+      <rect class="st0" width="2500" height="2500" />
+      <g>
+        <g>
+          <path
+            class="st1"
+            d="M226,760v980c0,63,33,120,88,152l849,490c54,31,121,31,175,0l849-490c54-31,88-89,88-152V760      c0-63-33-120-88-152l-849-490c-54-31-121-31-175,0L314,608c-54,31-87,89-87,152H226z"
+          />
+          <g>
+            <g>
+              <g>
+                <path
+                  class="st2"
+                  d="M1435,1440l-121,332c-3,9-3,19,0,29l208,571l241-139l-289-793C1467,1422,1442,1422,1435,1440z"
+                />
+              </g>
+              <g>
+                <path
+                  class="st2"
+                  d="M1678,882c-7-18-32-18-39,0l-121,332c-3,9-3,19,0,29l341,935l241-139L1678,883V882z"
+                />
+              </g>
+            </g>
+          </g>
+          <g>
+            <path
+              class="st3"
+              d="M1250,155c6,0,12,2,17,5l918,530c11,6,17,18,17,30v1060c0,12-7,24-17,30l-918,530c-5,3-11,5-17,5       s-12-2-17-5l-918-530c-11-6-17-18-17-30V719c0-12,7-24,17-30l918-530c5-3,11-5,17-5l0,0V155z M1250,0c-33,0-65,8-95,25L237,555       c-59,34-95,96-95,164v1060c0,68,36,130,95,164l918,530c29,17,62,25,95,25s65-8,95-25l918-530c59-34,95-96,95-164V719       c0-68-36-130-95-164L1344,25c-29-17-62-25-95-25l0,0H1250z"
+            />
+          </g>
+          <polygon
+            class="st1"
+            points="642,2179 727,1947 897,2088 738,2234     "
+          />
+          <g>
+            <path
+              class="st4"
+              d="M1172,644H939c-17,0-33,11-39,27L401,2039l241,139l550-1507c5-14-5-28-19-28L1172,644z"
+            />
+            <path
+              class="st4"
+              d="M1580,644h-233c-17,0-33,11-39,27L738,2233l241,139l620-1701c5-14-5-28-19-28V644z"
+            />
+          </g>
+        </g>
+      </g>
+    </g>
+  </g>
+</svg>
diff --git a/shared/icons/network/avax.svelte b/shared/icons/network/avax.svelte
@@ -0,0 +1,15 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 1503 1504"
+  fill="none"
+>
+  <rect x="287" y="258" width="928" height="844" fill="white" />
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M1502.5 752C1502.5 1166.77 1166.27 1503 751.5 1503C336.734 1503 0.5 1166.77 0.5 752C0.5 337.234 336.734 1 751.5 1C1166.27 1 1502.5 337.234 1502.5 752ZM538.688 1050.86H392.94C362.314 1050.86 347.186 1050.86 337.962 1044.96C327.999 1038.5 321.911 1027.8 321.173 1015.99C320.619 1005.11 328.184 991.822 343.312 965.255L703.182 330.935C718.495 303.999 726.243 290.531 736.021 285.55C746.537 280.2 759.083 280.2 769.599 285.55C779.377 290.531 787.126 303.999 802.438 330.935L876.42 460.079L876.797 460.738C893.336 489.635 901.723 504.289 905.385 519.669C909.443 536.458 909.443 554.169 905.385 570.958C901.695 586.455 893.393 601.215 876.604 630.549L687.573 964.702L687.084 965.558C670.436 994.693 661.999 1009.46 650.306 1020.6C637.576 1032.78 622.263 1041.63 605.474 1046.62C590.161 1050.86 573.004 1050.86 538.688 1050.86ZM906.75 1050.86H1115.59C1146.4 1050.86 1161.9 1050.86 1171.13 1044.78C1181.09 1038.32 1187.36 1027.43 1187.92 1015.63C1188.45 1005.1 1181.05 992.33 1166.55 967.307C1166.05 966.455 1165.55 965.588 1165.04 964.706L1060.43 785.75L1059.24 783.735C1044.54 758.877 1037.12 746.324 1027.59 741.472C1017.08 736.121 1004.71 736.121 994.199 741.472C984.605 746.453 976.857 759.552 961.544 785.934L857.306 964.891L856.949 965.507C841.69 991.847 834.064 1005.01 834.614 1015.81C835.352 1027.62 841.44 1038.5 851.402 1044.96C860.443 1050.86 875.94 1050.86 906.75 1050.86Z"
+    fill="#E84142"
+  />
+</svg>
diff --git a/shared/icons/network/base.svelte b/shared/icons/network/base.svelte
@@ -0,0 +1,12 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 111 111"
+  fill="none"
+>
+  <path
+    d="M54.921 110.034C85.359 110.034 110.034 85.402 110.034 55.017C110.034 24.6319 85.359 0 54.921 0C26.0432 0 2.35281 22.1714 0 50.3923H72.8467V59.6416H3.9565e-07C2.35281 87.8625 26.0432 110.034 54.921 110.034Z"
+    fill="#0052FF"
+  />
+</svg>
diff --git a/shared/icons/network/bsc.svelte b/shared/icons/network/bsc.svelte
@@ -0,0 +1,14 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 32 32"
+  width="24"
+  height="24"
+>
+  <g fill="none">
+    <circle cx="16" cy="16" r="16" fill="#F3BA2F" />
+    <path
+      fill="#FFF"
+      d="M12.116 14.404L16 10.52l3.886 3.886 2.26-2.26L16 6l-6.144 6.144 2.26 2.26zM6 16l2.26-2.26L10.52 16l-2.26 2.26L6 16zm6.116 1.596L16 21.48l3.886-3.886 2.26 2.259L16 26l-6.144-6.144-.003-.003 2.263-2.257zM21.48 16l2.26-2.26L26 16l-2.26 2.26L21.48 16zm-3.188-.002h.002V16L16 18.294l-2.291-2.29-.004-.004.004-.003.401-.402.195-.195L16 13.706l2.293 2.293z"
+    /></g
+  ></svg
+>
diff --git a/shared/icons/network/celo.svelte b/shared/icons/network/celo.svelte
@@ -0,0 +1,35 @@
+<svg
+  xmlns:xodm="http://www.corel.com/coreldraw/odm/2003"
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  version="1.1"
+  id="Layer_1"
+  x="0px"
+  y="0px"
+  viewBox="0 0 2500 2500"
+  style="enable-background:new 0 0 2500 2500;"
+  xml:space="preserve"
+  width="24"
+  height="24"
+>
+  <style type="text/css">
+    .st0 {
+      fill-rule: evenodd;
+      clip-rule: evenodd;
+      fill: #fcff52;
+    }
+    .st1 {
+      fill-rule: evenodd;
+      clip-rule: evenodd;
+    }
+  </style>
+  <g id="Layer_x0020_1">
+    <g id="_1942792544736">
+      <circle class="st0" cx="1250" cy="1250" r="1250" />
+      <path
+        class="st1"
+        d="M1949.3,546.2H550.7v1407.7h1398.7v-491.4h-232.1c-80,179.3-260.1,304.1-466.2,304.1    c-284.1,0-514.2-233.6-514.2-517.5c0-284,230.1-515.6,514.2-515.6c210.1,0,390.2,128.9,470.2,312.1h228.1V546.2z"
+      />
+    </g>
+  </g>
+</svg>
diff --git a/shared/icons/network/ethereum.svelte b/shared/icons/network/ethereum.svelte
@@ -0,0 +1,20 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  width="24"
+  height="24"
+  viewBox="0 0 32 32"
+  ><g fill="none" fill-rule="evenodd"
+    ><circle cx="16" cy="16" r="16" fill="#627EEA" /><g
+      fill="#FFF"
+      fill-rule="nonzero"
+      ><path fill-opacity=".602" d="M16.498 4v8.87l7.497 3.35z" /><path
+        d="M16.498 4L9 16.22l7.498-3.35z"
+      /><path fill-opacity=".602" d="M16.498 21.968v6.027L24 17.616z" /><path
+        d="M16.498 27.995v-6.028L9 17.616z"
+      /><path
+        fill-opacity=".2"
+        d="M16.498 20.573l7.497-4.353-7.497-3.348z"
+      /><path fill-opacity=".602" d="M9 16.22l7.498 4.353v-7.701z" /></g
+    ></g
+  ></svg
+>
diff --git a/shared/icons/network/fantom.svelte b/shared/icons/network/fantom.svelte
@@ -0,0 +1,12 @@
+<svg
+  width="24"
+  height="24"
+  viewBox="0 0 606 773"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+>
+  <path
+    d="M269.733 8.39516C288.399 -1.46505 316.801 -1.46505 335.467 8.39516L525.937 109.01C537.179 114.948 543.353 123.797 544.459 132.932L544.641 132.932V638.67C544.393 648.635 538.161 658.533 525.937 664.99L335.467 765.605C316.801 775.465 288.399 775.465 269.733 765.605L79.2635 664.99C67.0909 658.56 61.2491 648.593 60.9598 638.67C60.9301 637.652 60.9275 636.813 60.9589 636.122L60.9598 136.337C60.9314 135.634 60.9311 134.934 60.9591 134.237L60.9598 132.932L61.0449 132.932C61.8909 123.696 67.7847 115.073 79.2635 109.01L269.733 8.39516ZM514.66 415.079L335.467 509.737C316.801 519.598 288.399 519.598 269.733 509.737L90.939 415.29V637.675L269.733 731.621C280.299 737.267 291.285 742.768 301.983 743.008L302.6 743.016C313.277 743.051 323.643 737.629 334.154 732.496L514.66 636.865V415.079ZM29.9802 627.675C29.9802 647.052 32.2319 659.788 36.7027 668.76C40.4083 676.197 45.9683 681.88 56.1205 688.796L56.7 689.188C58.928 690.691 61.3823 692.265 64.3699 694.114L67.893 696.272L78.7116 702.802L63.1948 728.458L51.086 721.144L49.0507 719.894C45.5496 717.732 42.6477 715.876 39.941 714.05C11.007 694.541 0.216146 673.271 0.00322222 629.023L0 627.675H29.9802ZM287.61 279.527C286.222 280.003 284.921 280.555 283.735 281.181L93.2651 381.796C93.0652 381.901 92.8746 382.006 92.6932 382.109L92.5319 382.202L92.831 382.374L93.2651 382.609L283.735 483.224C284.921 483.85 286.222 484.402 287.61 484.878V279.527ZM317.59 279.527V484.878C318.979 484.402 320.28 483.85 321.466 483.224L511.935 382.609C512.135 382.504 512.326 382.399 512.507 382.296L512.669 382.202L512.37 382.031L511.935 381.796L321.466 281.181C320.28 280.555 318.979 280.003 317.59 279.527ZM514.66 168.807L343.795 259.066L514.66 349.325V168.807ZM90.939 169.018V349.114L261.405 259.066L90.939 169.018ZM321.466 34.9087C311.561 29.6764 293.64 29.6764 283.735 34.9087L93.2651 135.523C93.0652 135.629 92.8746 135.733 92.6932 135.837L92.5319 135.93L92.831 136.101L93.2651 136.337L283.735 236.951C293.64 242.184 311.561 242.184 321.466 236.951L511.935 136.337C512.135 136.231 512.326 136.127 512.507 136.024L512.669 135.93L512.37 135.759L511.935 135.523L321.466 34.9087ZM542.805 45.9421L554.914 53.2562L556.949 54.5059C560.45 56.6673 563.352 58.5243 566.059 60.3494C594.993 79.8588 605.784 101.129 605.997 145.377L606 146.725H576.02C576.02 127.347 573.768 114.612 569.297 105.639C565.592 98.2027 560.032 92.5195 549.88 85.6042L549.3 85.2114C547.072 83.7092 544.618 82.1352 541.63 80.2858L538.107 78.1277L527.288 71.5981L542.805 45.9421Z"
+    fill="#1969FF"
+  />
+</svg>
diff --git a/shared/icons/network/gnosis.svelte b/shared/icons/network/gnosis.svelte
@@ -0,0 +1,30 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  version="1.1"
+  id="Layer_1"
+  x="0px"
+  y="0px"
+  viewBox="0 0 428 428"
+  style="enable-background:new 0 0 428 428;"
+  xml:space="preserve"
+  width="24"
+  height="24"
+>
+  <path
+    style="fill:#00193C;"
+    d="M125.8,243.7c12.3,0,24.3-4.1,34-11.6l-78-78c-18.8,24.3-14.3,59.3,10,78.1  C101.6,239.6,113.5,243.7,125.8,243.7L125.8,243.7z"
+  />
+  <path
+    style="fill:#00193C;"
+    d="M357.8,188c0-12.3-4.1-24.3-11.6-34l-78,78c24.3,18.8,59.2,14.3,78-10  C353.7,212.3,357.8,200.3,357.8,188z"
+  />
+  <path
+    style="fill:#00193C;"
+    d="M397.1,103.1l-34.5,34.5c27.8,33.3,23.4,82.9-9.9,110.7c-29.2,24.4-71.6,24.4-100.8,0L214,286.2  l-37.8-37.8c-33.3,27.8-82.9,23.4-110.7-9.9c-24.4-29.2-24.4-71.6,0-100.8L47.8,120L31,103.1C10.7,136.5,0,174.9,0,214  c0,118.2,95.8,214,214,214s214-95.8,214-214C428.1,174.9,417.3,136.5,397.1,103.1z"
+  />
+  <path
+    style="fill:#00193C;"
+    d="M368.8,66.3c-81.5-85.5-216.9-88.7-302.4-7.2c-2.5,2.4-4.9,4.8-7.2,7.2c-5.3,5.6-10.3,11.4-15,17.5  L214,253.7L383.8,83.8C379.2,77.7,374.1,71.9,368.8,66.3z M214,28c50,0,96.6,19.3,131.6,54.5L214,214.1L82.4,82.5  C117.4,47.3,164,28,214,28z"
+  />
+</svg>
diff --git a/shared/icons/network/mantle.svelte b/shared/icons/network/mantle.svelte
@@ -0,0 +1,28 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  version="1.1"
+  id="Layer_1"
+  x="0px"
+  y="0px"
+  viewBox="0 0 314 311"
+  style="enable-background:new 0 0 314 311;"
+  xml:space="preserve"
+  width="24"
+  height="24"
+>
+  <style type="text/css">
+    .st0 {
+      fill: #000;
+    }
+  </style>
+  <rect width="0" height="311"  />
+  <path
+    class="st0"
+    d="M155.5,289.1l0-45.7c-4.6,0-9.3-0.4-13.9-1.1l-7.2,45.1C141.4,288.6,148.5,289.1,155.5,289.1L155.5,289.1z   M176.5,287.5c7-1.1,13.9-2.7,20.6-4.9L183,239.1c-4.4,1.4-9,2.5-13.6,3.2L176.5,287.5z M113.9,282.6l14.1-43.4  c-4.4-1.4-8.7-3.2-12.9-5.3l-20.8,40.7C100.6,277.7,107.2,280.4,113.9,282.6z M216.6,274.6c6.3-3.2,12.3-6.9,18-11l-27-36.9  c-3.7,2.7-7.7,5.2-11.9,7.2L216.6,274.6z M76.3,263.5l27-36.9c-3.7-2.7-7.3-5.7-10.6-9l-32.4,32.3l0,0  C65.3,254.8,70.7,259.4,76.3,263.5z M250.5,250.1l0.3-0.3c5-4.9,9.6-10.3,13.7-15.9l-37-26.9c-2.7,3.7-5.8,7.3-9,10.5l-0.5,0.5  l15.6,14.7L250.5,250.1z M46.6,233.8l37-26.9c-2.7-3.7-5.2-7.7-7.3-11.8l-40.8,20.7C38.7,222.1,42.4,228.1,46.6,233.8L46.6,233.8z   M275.5,215.9c3.2-6.2,5.9-12.8,8.1-19.5L240,182.4c-1.4,4.4-3.2,8.7-5.3,12.8L275.5,215.9z M27.4,196.4L71,182.3  c-1.4-4.4-2.5-8.9-3.2-13.5l-45.3,7.1C23.6,182.8,25.3,189.7,27.4,196.4L27.4,196.4z M288.5,176c1.1-6.9,1.7-14,1.7-21l-45.8,0  c0,4.6-0.4,9.3-1.1,13.9L288.5,176z M66.7,154.9c0-4.6,0.4-9.3,1.1-13.9l-45.3-7.1c-1.1,6.9-1.6,14-1.7,21L66.7,154.9L66.7,154.9z   M243.3,141.1l45.3-7.1c-1.1-6.9-2.7-13.8-4.9-20.5l-43.6,14C241.5,132,242.6,136.5,243.3,141.1L243.3,141.1z M71,127.5  c1.4-4.4,3.2-8.7,5.3-12.8L35.5,94c-3.2,6.2-5.9,12.8-8.1,19.5L71,127.5L71,127.5z M234.8,114.8l40.9-20.7  c-3.2-6.3-6.9-12.3-11.1-18L227.5,103C230.2,106.7,232.7,110.7,234.8,114.8L234.8,114.8z M83.6,102.9c2.7-3.7,5.8-7.3,9.1-10.6  l0.1-0.1L60.4,59.9L60.3,60c-5,5-9.6,10.3-13.7,16L83.6,102.9z M218.5,92.5l9.8-9.9l22.5-22.4l-0.1-0.1c-5-4.9-10.3-9.5-15.9-13.6  l-27,36.9c3.7,2.7,7.3,5.7,10.5,9L218.5,92.5z M103.4,83.2c3.7-2.7,7.7-5.1,11.9-7.2L94.5,35.3c-6.3,3.2-12.3,6.9-18,11L103.4,83.2z   M196,76.1l20.9-40.7c-6.3-3.2-12.8-5.9-19.5-8.1l-14.2,43.4C187.5,72.2,191.8,74,196,76.1L196,76.1z M128.2,70.7  c4.4-1.4,9-2.5,13.6-3.2l-7.1-45.1c-6.9,1.1-13.9,2.7-20.6,4.9L128.2,70.7z M169.5,67.5l7.2-45.1c-6.9-1.1-14-1.7-21-1.7l0,45.7  C160.3,66.4,165,66.8,169.5,67.5z"
+  />
+  <path
+    class="st0"
+    d="M155.5,245.5v-45.9c-3.9,0-7.7-0.5-11.5-1.5l-12,44.3C139.7,244.4,147.6,245.5,155.5,245.5z M179,242.4  c7.7-2,15-5,21.9-9l-23.2-39.7c-3.3,1.9-6.9,3.4-10.6,4.4L179,242.4z M110.2,233.4l23.2-39.7c-3.3-1.9-6.4-4.3-9.2-7l-0.4-0.4  l-14.6,15.3l-18,17.3l0.3,0.3C97.1,224.7,103.4,229.5,110.2,233.4L110.2,233.4z M219.6,219.2L219.6,219.2  c5.6-5.6,10.5-11.8,14.4-18.6l-40.1-23c-1.9,3.3-4.3,6.3-7.1,9.1L219.6,219.2z M77,200.5l40.1-22.9c-1.9-3.3-3.4-6.8-4.4-10.5  L68,178.9C70,186.4,73.1,193.7,77,200.5z M243.1,179c2-7.6,3.1-15.4,3.1-23.2l-46.3,0c0,3.8-0.5,7.7-1.5,11.4L243.1,179z   M111.3,155.7c0-3.8,0.5-7.7,1.5-11.4L68,132.5c-2,7.6-3.1,15.4-3.1,23.2L111.3,155.7L111.3,155.7z M198.3,144.4l44.8-11.8  c-2-7.6-5.1-14.9-9-21.7l-40.1,22.9C195.8,137.2,197.3,140.7,198.3,144.4z M117.2,133.8c1.9-3.2,4.2-6.3,7-9l0.1-0.1l-16.6-16.4  L91.8,92l-0.3,0.3c-5.6,5.5-10.4,11.8-14.4,18.5L117.2,133.8z M107.7,108.3l0.2,0.2L107.7,108.3z M186.8,124.8l16.4-16.3L220,92.7  l-0.4-0.4C214,86.7,207.7,82,200.9,78l-23.2,39.7c3.3,1.9,6.3,4.2,9.1,6.9L186.8,124.8z M133.4,117.7c3.3-1.9,6.9-3.4,10.6-4.4  L132.2,69c-7.7,2-15,5-21.9,9L133.4,117.7z M167,113.4l12-44.3c-7.6-2-15.5-3.1-23.4-3.1l0,45.9C159.4,111.9,163.3,112.4,167,113.4  L167,113.4z"
+  />
+</svg>
diff --git a/shared/icons/network/matic.svelte b/shared/icons/network/matic.svelte
@@ -0,0 +1,23 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  version="1.1"
+  id="Layer_1"
+  x="0px"
+  y="0px"
+  viewBox="0 0 178 161"
+  style="enable-background:new 0 0 178 161;"
+  xml:space="preserve"
+  width="24"
+  height="24"
+>
+  <style type="text/css">
+    .st0 {
+      fill: #6c00f6;
+    }
+  </style>
+  <path
+    class="st0"
+    d="M66.8,54.7l-16.7-9.7L0,74.1v58l50.1,29l50.1-29V41.9L128,25.8l27.8,16.1v32.2L128,90.2l-16.7-9.7v25.8  l16.7,9.7l50.1-29V29L128,0L77.9,29v90.2l-27.8,16.1l-27.8-16.1V86.9l27.8-16.1l16.7,9.7V54.7z"
+  />
+</svg>
diff --git a/shared/icons/network/moonbeam.svelte b/shared/icons/network/moonbeam.svelte
@@ -0,0 +1,23 @@
+<svg
+  id="Layer_2"
+  data-name="Layer 2"
+  xmlns="http://www.w3.org/2000/svg"
+  viewBox="0 0 499.46 500"
+  width="24"
+  height="24"
+>
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #2b1d3c;
+        stroke-width: 0px;
+      }
+    </style>
+  </defs>
+  <g id="Layer_1-2" data-name="Layer 1">
+    <path
+      class="cls-1"
+      d="M456.65,377.04c.07-11.18,42.77-10.71,42.48-21.18-.21-8.06-19.11-7.87-13.17-24.94,8.74-25.45,13.5-52.77,13.5-81.18C499.46,111.81,387.65,0,249.73,0S0,111.81,0,249.73c0,28.51,4.79,55.89,13.6,81.42.05.12.54,1.57.54,1.57,3.55,11.32-14.09,15.76-14.09,22.52,0,10.59,37.15,9.16,37.15,21.49,0,10.73-36.73,14.04-36.73,24.87,0,14.96,81.35,9.75,82.38,22.62.8,9.93-27.97,10.52-28.13,21.13-.28,16.93,111.03,11.39,111.03,22.66,0,8.52-50.63,5.45-50.63,15.52s66.65,16.46,140.08,16.46,124.11-8.17,124.11-17-47.27-7-46.31-14.98c1.72-13.9,106.64-6.79,106.64-22.87,0-8.48-28.86-10.45-27.92-19.59,1.32-12.92,87.74-10.99,87.74-24.4,0-10.54-42.81-13.13-42.76-24.07l-.05-.05ZM389.69,344.61c-2.28,8.52,24.02,9.79,24.02,18.69,0,10.83-80.22,6.51-79.42,20.83.49,9.02,57,10.54,55.92,19.96-1.55,13.64-87.5,6.83-88.35,19.89-.61,9.58,41.94,9.91,42.04,18.65.07,7.35-33.44,11.37-97.6,11.37-73.11,0-108.64-3.94-104.6-12.16,3.78-7.68,68.5-6.25,67.85-18.32-.66-12.07-114.93-8.5-118.38-20.2-2.87-9.72,37.55-11.72,37.29-20.95-.26-9.42-51.76-7.28-52.89-18.67-.73-7.49,26.91-7,25.71-16.41-.87-6.86-12.28-5.89-19.05-20.01-10.92-23.6-17.05-49.86-17.05-77.54,0-101.9,82.59-184.49,184.49-184.49s184.49,82.59,184.49,184.49c0,25.13-5.03,49.08-14.14,70.92-8.67,19.63-28.18,15.69-30.39,23.95h.05Z"
+    />
+  </g>
+</svg>
diff --git a/shared/icons/network/near.svelte b/shared/icons/network/near.svelte
@@ -0,0 +1,17 @@
+<svg
+  xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink"
+  version="1.1"
+  id="Layer_1"
+  x="0px"
+  y="0px"
+  viewBox="0 0 90.1 90"
+  style="enable-background:new 0 0 90.1 90;"
+  xml:space="preserve"
+  width="24"
+  height="24"
+>
+  <path
+    d="M72.2,4.6L53.4,32.5c-1.3,1.9,1.2,4.2,3,2.6L74.9,19c0.5-0.4,1.2-0.1,1.2,0.6v50.3c0,0.7-0.9,1-1.3,0.5l-56-67  C17,1.2,14.4,0,11.5,0h-2C4.3,0,0,4.3,0,9.6v70.8C0,85.7,4.3,90,9.6,90c3.3,0,6.4-1.7,8.2-4.6l18.8-27.9c1.3-1.9-1.2-4.2-3-2.6  l-18.5,16c-0.5,0.4-1.2,0.1-1.2-0.6V20.1c0-0.7,0.9-1,1.3-0.5l56,67c1.8,2.2,4.5,3.4,7.3,3.4h2c5.3,0,9.6-4.3,9.6-9.6V9.6  c0-5.3-4.3-9.6-9.6-9.6C77.1,0,74,1.7,72.2,4.6z"
+  />
+</svg>