chore: New Bills page icons

ApeSwapFinance · Nov 25, 2022 · 4777064 · 4777064
1 parent 949e4ac
commit 4777064
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 31 deletions.
diff --git a/src/components/Svg/_Icons/BillsM1.tsx b/src/components/Svg/_Icons/BillsM1.tsx
@@ -4,16 +4,32 @@ import { LegacySvgProps } from "../types";
 
 const BillsM1: React.FC<LegacySvgProps> = ({ color, bgColor, ...props }) => {
   return (
-    <LegacySvg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 49 53" {...props}>
-      <rect width="45.294" height="45.294" x="1" y="6" fill={bgColor} stroke={color} strokeWidth="2" rx="22.647" />
-      <circle cx="18" cy="29" r="10" fill={color} />
-      <circle cx="31" cy="29" r="11" fill={color} stroke={bgColor} strokeWidth="2" />
-      <path
+    <LegacySvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none" {...props}>
+      <rect
+        x="1"
+        y="1.48901"
+        width="45.2941"
+        height="45.2941"
+        rx="22.6471"
         fill={bgColor}
-        d="M20.638 30.789c0 .381-.099.74-.297 1.078-.19.33-.476.605-.858.825-.374.213-.817.337-1.33.374v.891h-.705v-.902c-.733-.066-1.323-.286-1.77-.66-.448-.381-.679-.895-.694-1.54h1.65c.044.528.316.847.814.957v-2.101a9.666 9.666 0 01-1.276-.396 2.062 2.062 0 01-.836-.638c-.234-.293-.352-.693-.352-1.199 0-.638.228-1.159.682-1.562.462-.403 1.056-.634 1.782-.693v-.891h.704v.891c.704.059 1.265.271 1.683.638.426.367.664.873.715 1.518h-1.66a.979.979 0 00-.232-.55.992.992 0 00-.506-.341v2.079c.55.14.983.275 1.298.407.323.125.602.334.836.627.235.286.352.682.352 1.188zm-4.048-3.388c0 .242.074.44.22.594.147.147.36.268.638.363v-1.903c-.264.037-.473.136-.627.297-.154.161-.23.378-.23.649zm1.562 4.433c.279-.051.495-.165.65-.341a.91.91 0 00.241-.638.768.768 0 00-.23-.583c-.155-.147-.375-.268-.66-.363v1.925zM33.638 30.789c0 .381-.099.74-.297 1.078-.19.33-.476.605-.858.825-.374.213-.817.337-1.33.374v.891h-.705v-.902c-.733-.066-1.323-.286-1.77-.66-.448-.381-.679-.895-.694-1.54h1.65c.044.528.316.847.814.957v-2.101a9.666 9.666 0 01-1.276-.396 2.062 2.062 0 01-.836-.638c-.234-.293-.352-.693-.352-1.199 0-.638.228-1.159.682-1.562.462-.403 1.056-.634 1.782-.693v-.891h.704v.891c.704.059 1.265.271 1.683.638.426.367.664.873.715 1.518h-1.66a.979.979 0 00-.232-.55.992.992 0 00-.506-.341v2.079c.55.14.983.275 1.298.407.323.125.602.334.836.627.235.286.352.682.352 1.188zm-4.048-3.388c0 .242.074.44.22.594.147.147.36.268.638.363v-1.903c-.264.037-.473.136-.627.297-.154.161-.23.378-.23.649zm1.562 4.433c.279-.051.495-.165.65-.341a.91.91 0 00.241-.638.768.768 0 00-.23-.583c-.155-.147-.375-.268-.66-.363v1.925z"
+        stroke={color}
+        strokeWidth="2"
       />
-      <rect width="17.765" height="17.765" x="30" y="1" fill={bgColor} stroke={color} strokeWidth="2" rx="8.882" />
-      <path fill={color} d="M37.142 6.989V4.922h3.601v9.49H38.43V6.989h-1.287z" />
+      <g clipPath="url(#clip0_993_35738)">
+        <path
+          d="M25.282 12.6793L26.8351 14.276C27.2145 14.6666 27.7481 14.8633 28.2862 14.8112L30.4891 14.5993C31.4881 14.5032 32.3719 15.2539 32.4517 16.2678L32.6281 18.5021C32.6715 19.0481 32.9552 19.5466 33.4002 19.8573L35.2219 21.1289C36.0481 21.7063 36.2484 22.8567 35.6669 23.6856L34.3842 25.5122C34.0704 25.9585 33.972 26.5252 34.1156 27.0532L34.7042 29.2139C34.971 30.1946 34.3948 31.2066 33.4233 31.4617L31.2816 32.0257C30.7577 32.164 30.3233 32.533 30.0981 33.0315L29.178 35.07C28.7605 35.995 27.6763 36.3946 26.7704 35.9582L24.7723 34.9955C24.2839 34.7602 23.7165 34.7602 23.2281 34.9955L21.23 35.9582C20.3232 36.3946 19.239 35.995 18.8224 35.07L17.9022 33.0315C17.6771 32.533 17.2427 32.164 16.7188 32.0257L14.5771 31.4617C13.6056 31.2058 13.0285 30.1937 13.2962 29.2139L13.8848 27.0532C14.0284 26.5252 13.93 25.9585 13.6162 25.5122L12.3335 23.6856C11.752 22.8567 11.9523 21.7063 12.7785 21.1289L14.6002 19.8573C15.0461 19.5466 15.3297 19.0481 15.3723 18.5021L15.5487 16.2678C15.6285 15.2539 16.5123 14.5032 17.5113 14.5993L19.7142 14.8112C20.2531 14.8633 20.7859 14.6666 21.1653 14.276L22.7193 12.6793C23.424 11.9546 24.5773 11.9546 25.282 12.6793Z"
+          fill={color}
+        />
+        <path
+          d="M20.5449 24.4341C20.1603 24.4341 19.8255 24.3975 19.5416 24.3232C19.2577 24.249 18.9931 24.1198 18.7479 23.9347C18.2493 23.5559 18 22.8209 18 21.7296C18 20.6384 18.2625 19.9539 18.7866 19.5934C19.2323 19.2877 19.8184 19.136 20.5439 19.136C21.2694 19.136 21.8504 19.2888 22.3144 19.5934C22.8395 19.9539 23.101 20.6663 23.101 21.7296C23.101 22.7929 22.8517 23.5656 22.3531 23.9347C21.8982 24.2673 21.2948 24.4341 20.5429 24.4341H20.5449ZM20.5449 23.0888C20.6151 23.0888 20.6711 23.0609 20.7158 23.006C20.8298 22.8768 20.8868 22.5486 20.8868 22.0213C20.8868 21.4939 20.8695 21.1313 20.8339 20.9322C20.7993 20.7331 20.7596 20.6114 20.7158 20.5641C20.6721 20.5178 20.6151 20.4952 20.5449 20.4952C20.317 20.4952 20.204 20.9278 20.204 21.792C20.204 22.6562 20.318 23.0888 20.5449 23.0888V23.0888ZM22.2371 28.8379C22.0539 28.9444 21.7476 28.9972 21.3193 28.9972C20.8909 28.9972 20.6762 28.8766 20.6762 28.6366C20.6762 28.6183 20.6843 28.5807 20.7026 28.5258L25.3457 19.842C25.4241 19.6945 25.4963 19.5805 25.5625 19.5019C25.6276 19.4233 25.7476 19.3448 25.9227 19.2662C26.0977 19.1876 26.3165 19.1478 26.578 19.1478C27.1203 19.1478 27.391 19.2727 27.391 19.5223C27.391 19.5686 27.3818 19.6106 27.3645 19.6472L22.6695 28.3859C22.5647 28.5796 22.4202 28.7303 22.2371 28.8368V28.8379ZM27.4439 29.136C27.0593 29.136 26.7245 29.0994 26.4406 29.0251C26.1567 28.9509 25.8921 28.8217 25.6469 28.6366C25.1483 28.2578 24.899 27.5228 24.899 26.4315C24.899 25.3402 25.1615 24.6612 25.6856 24.3093C26.1313 23.995 26.7174 23.8379 27.4429 23.8379C28.1684 23.8379 28.7494 23.995 29.2134 24.3093C29.7385 24.6612 30 25.3682 30 26.4315C30 27.4948 29.7507 28.2675 29.2521 28.6366C28.7973 28.9692 28.1938 29.136 27.4419 29.136H27.4439ZM27.4439 27.7907C27.5141 27.7907 27.5701 27.7681 27.6149 27.7219C27.7288 27.583 27.7858 27.2505 27.7858 26.7232C27.7858 26.1958 27.7685 25.8331 27.7329 25.634C27.6983 25.435 27.6586 25.3123 27.6149 25.266C27.5711 25.2197 27.5141 25.1971 27.4439 25.1971C27.216 25.1971 27.103 25.6297 27.103 26.4939C27.103 27.3581 27.217 27.7907 27.4439 27.7907V27.7907Z"
+          fill={bgColor}
+        />
+      </g>
+      <defs>
+        <clipPath id="clip0_993_35738">
+          <rect width="24" height="24" fill="white" transform="translate(12 12.136)" />
+        </clipPath>
+      </defs>
     </LegacySvg>
   );
 };

diff --git a/src/components/Svg/_Icons/BillsM2.tsx b/src/components/Svg/_Icons/BillsM2.tsx
@@ -4,25 +4,21 @@ import { LegacySvgProps } from "../types";
 
 const BillsM2: React.FC<LegacySvgProps> = ({ color, bgColor, ...props }) => {
   return (
-    <LegacySvg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 49 53" {...props}>
-      <rect width="45.294" height="45.294" x="1" y="6" fill={bgColor} stroke={color} strokeWidth="2" rx="22.647" />
-      <path fill={color} d="M13 23a5 5 0 015-5h11a5 5 0 015 5v11a5 5 0 01-5 5H18a5 5 0 01-5-5V23z" />
-      <g clipPath="url(#clip0_12627_87143)">
-        <path
-          fill={bgColor}
-          d="M29.813 23.171a.779.779 0 00-1.01.047l-6.544 6.547-3.083-2.301a.751.751 0 00-.857-.031.61.61 0 00-.171.902l3.203 4.152c.086.109.206.218.326.295.6.374 1.421.234 1.832-.31l.052-.063 6.355-8.398c.206-.264.154-.622-.103-.84z"
-        />
-      </g>
-      <rect width="17.765" height="17.765" x="30" y="1" fill={bgColor} stroke={color} strokeWidth="2" rx="8.882" />
+    <LegacySvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none" {...props}>
+      <rect
+        x="1"
+        y="1.48901"
+        width="45.2941"
+        height="45.2941"
+        rx="22.6471"
+        fill={bgColor}
+        stroke={color}
+        strokeWidth="2"
+      />
       <path
+        d="M22.1671 35.489C21.6643 35.489 21.281 35.0386 21.3615 34.5423L22.605 26.8723H17.6304C17.3805 26.8723 17.1988 26.7705 17.0852 26.5668C16.9716 26.3631 16.9716 26.1696 17.0852 25.9862L25.1906 13.8521C25.3421 13.6252 25.5969 13.489 25.8697 13.489C26.3732 13.489 26.7567 13.94 26.6759 14.4369L25.4331 22.0751H30.3396C30.5895 22.0751 30.7769 22.177 30.9018 22.3807C31.0268 22.5844 31.0325 22.7779 30.9189 22.9612L22.8472 35.1242C22.6959 35.352 22.4406 35.489 22.1671 35.489Z"
         fill={color}
-        d="M36.029 12.63a48.186 48.186 0 002.405-2.054c.494-.45.91-.922 1.248-1.416.338-.494.507-.975.507-1.443 0-.356-.083-.633-.247-.832-.165-.2-.412-.3-.741-.3-.33 0-.59.126-.78.378-.182.242-.273.589-.273 1.04h-2.145c.017-.737.173-1.352.468-1.846a2.805 2.805 0 011.183-1.092 3.778 3.778 0 011.638-.351c1.031 0 1.807.264 2.327.793.529.528.793 1.217.793 2.067 0 .927-.316 1.79-.95 2.587-.632.788-1.438 1.56-2.417 2.314h3.51v1.807h-6.526V12.63z"
       />
-      <defs>
-        <clipPath id="clip0_12627_87143">
-          <path fill="#fff" d="M0 0H12.025V10H0z" transform="translate(18.01 23)" />
-        </clipPath>
-      </defs>
     </LegacySvg>
   );
 };

diff --git a/src/components/Svg/_Icons/BillsM3.tsx b/src/components/Svg/_Icons/BillsM3.tsx
@@ -4,17 +4,24 @@ import { LegacySvgProps } from "../types";
 
 const BillsM3: React.FC<LegacySvgProps> = ({ color, bgColor, ...props }) => {
   return (
-    <LegacySvg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 49 53" {...props}>
-      <rect width="45.294" height="45.294" x="1" y="6" fill={bgColor} stroke={color} strokeWidth="2" rx="22.647" />
-      <rect width="17.765" height="17.765" x="30" y="1" fill={bgColor} stroke={color} strokeWidth="2" rx="8.882" />
+    <LegacySvg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48" fill="none" {...props}>
+      <rect
+        x="1"
+        y="1.21704"
+        width="45.2941"
+        height="45.2941"
+        rx="22.6471"
+        fill={bgColor}
+        stroke={color}
+        strokeWidth="2"
+      />
       <path
+        d="M34 16.0408H13C11.8954 16.0408 11 16.9362 11 18.0408V30.0408C11 31.1453 11.8954 32.0408 13 32.0408H34C35.1046 32.0408 36 31.1453 36 30.0408V18.0408C36 16.9362 35.1046 16.0408 34 16.0408Z"
         fill={color}
-        d="M35.963 7.6c.034-.928.338-1.643.91-2.145.572-.503 1.347-.754 2.327-.754.65 0 1.204.112 1.664.338.468.225.819.533 1.053.923.242.39.364.827.364 1.313 0 .572-.143 1.04-.43 1.404-.285.355-.619.598-1 .728v.052c.494.164.884.437 1.17.819.286.381.429.87.429 1.469a2.71 2.71 0 01-.377 1.43c-.243.407-.603.728-1.08.962-.467.234-1.026.35-1.676.35-1.04 0-1.872-.255-2.496-.766-.616-.512-.94-1.283-.975-2.314h2.158c.008.381.117.684.325.91.208.216.511.325.91.325.338 0 .598-.096.78-.286.19-.2.286-.46.286-.78 0-.416-.135-.715-.403-.897-.26-.191-.68-.286-1.261-.286h-.416V8.588h.416c.442 0 .797-.074 1.066-.221.277-.156.416-.43.416-.82 0-.311-.087-.554-.26-.727-.174-.174-.412-.26-.715-.26-.33 0-.577.1-.741.299-.156.199-.247.446-.273.74h-2.171z"
       />
-      <circle cx="24" cy="29" r="13" fill={color} stroke={bgColor} strokeWidth="2" />
       <path
+        d="M22.6978 20.6436C22.6978 20.4991 22.8025 20.3625 23.012 20.234C23.2215 20.1054 23.4974 20.0408 23.8398 20.0408C24.1049 20.0408 24.2754 20.104 24.3527 20.2289C24.4076 20.3168 24.4357 20.3981 24.4357 20.4736V20.7562C25.0591 20.8317 25.4922 20.9631 25.7356 21.1513C25.8352 21.2268 25.8844 21.2987 25.8844 21.3677C25.8844 21.6938 25.8167 22.0453 25.6819 22.4215C25.5465 22.7977 25.4156 22.9866 25.2885 22.9866C25.2661 22.9866 25.1946 22.9582 25.0732 22.9016C24.7091 22.72 24.407 22.6285 24.1668 22.6285C23.9267 22.6285 23.7638 22.6539 23.6782 22.704C23.5926 22.7542 23.5498 22.8311 23.5498 22.9343C23.5498 23.0374 23.6105 23.118 23.7319 23.174C23.8532 23.2306 24.0033 23.2793 24.1828 23.3199C24.3623 23.3606 24.5577 23.4282 24.7704 23.5226C24.9825 23.617 25.1799 23.7296 25.3625 23.8617C25.5446 23.9932 25.6966 24.19 25.818 24.45C25.9393 24.7108 26 24.9759 26 25.2453C26 25.5148 25.9776 25.7377 25.9336 25.9135C25.8895 26.0893 25.8135 26.2708 25.7062 26.4597C25.5989 26.6485 25.436 26.8155 25.2176 26.963C24.9997 27.1104 24.7385 27.2186 24.4351 27.2876V27.438C24.4351 27.5825 24.3304 27.719 24.1208 27.8476C23.9113 27.9761 23.6354 28.0408 23.2931 28.0408C23.028 28.0408 22.8568 27.9783 22.7795 27.8527C22.7246 27.7648 22.6965 27.6834 22.6965 27.6079V27.3254C22.3375 27.2876 22.0258 27.2281 21.7614 27.1467C21.2536 26.9898 21 26.8206 21 26.6383C21 26.2868 21.0441 25.9215 21.1322 25.5416C21.2204 25.1618 21.3251 24.9722 21.4465 24.9722C21.4682 24.9722 21.6975 25.0572 22.1338 25.2264C22.5694 25.3957 22.8983 25.4806 23.1187 25.4806C23.339 25.4806 23.4828 25.4538 23.5492 25.4007C23.6156 25.3477 23.6488 25.2707 23.6488 25.1705C23.6488 25.0703 23.5881 24.9838 23.4668 24.9119C23.3454 24.84 23.1934 24.7819 23.0114 24.7376C22.8293 24.6941 22.632 24.6243 22.4193 24.5306C22.2066 24.4362 22.0092 24.3266 21.8272 24.2009C21.6451 24.0753 21.4931 23.8901 21.3717 23.6453C21.2504 23.4006 21.1897 23.1151 21.1897 22.789C21.1897 21.6342 21.6917 20.9602 22.6965 20.7656V20.6429L22.6978 20.6436Z"
         fill={bgColor}
-        d="M17.14 32.313c.371.498.855.9 1.412 1.176a8.223 8.223 0 005.445.748 8.11 8.11 0 006.307-6.602c.141-.849.34-2.191-.501-2.761 0 0 .052-.38.097-.615.044-.234-.178-.238-.405-.254-.226-.016-.436 0-.46.194a4.835 4.835 0 000 .634c-.445.138-.623.655-.777 1.092a8.122 8.122 0 01-4.2 4.62 7.786 7.786 0 01-3.121.724c-.708 0-1.415-.072-2.119-.117-.473-.028-1.406-.19-1.714.307a.81.81 0 00.037.854z"
       />
     </LegacySvg>
   );

diff --git a/src/widgets/Modal/ModalHeader.tsx b/src/widgets/Modal/ModalHeader.tsx
@@ -1,4 +1,4 @@
-import React, { useContext } from "react";
+import React from "react";
 import { Flex } from "theme-ui";
 import style from "./styles";
 import { IconButton } from "../../components/Button";