Merge pull request #2354 from stakwork/feature/fix-icons

feat: moved icon to correct location
stakwork · Oct 17, 2024 · 85204c6 · 85204c6
2 parents 8cfa338 + 5b06fb9
commit 85204c6
Show file tree

Hide file tree

Showing 118 changed files with 1,886 additions and 649 deletions.
diff --git a/public/StorageIcon.svg → public/svg-icons/StorageIcon.svg b/public/StorageIcon.svg → public/svg-icons/StorageIcon.svg
diff --git a/src/components/Icons/AddCircleIcon.tsx b/src/components/Icons/AddCircleIcon.tsx
@@ -1,13 +1,19 @@
 /* eslint-disable */
-import React from 'react'
+import React from 'react';
 
 const AddCircleIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 16 16"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path
       d="M7.37516 8.625V11.3334C7.37516 11.5104 7.43508 11.6589 7.55491 11.7786C7.67476 11.8984 7.82326 11.9583 8.00041 11.9583C8.17758 11.9583 8.32599 11.8984 8.44564 11.7786C8.5653 11.6589 8.62512 11.5104 8.62512 11.3334V8.625H11.3335C11.5106 8.625 11.659 8.56508 11.7788 8.44525C11.8986 8.3254 11.9585 8.1769 11.9585 7.99975C11.9585 7.82258 11.8986 7.67417 11.7788 7.55452C11.659 7.43487 11.5106 7.37504 11.3335 7.37504H8.62512V4.66669C8.62512 4.4896 8.56521 4.34117 8.44537 4.22137C8.32553 4.1016 8.17702 4.04171 7.99987 4.04171C7.82271 4.04171 7.6743 4.1016 7.55464 4.22137C7.43499 4.34117 7.37516 4.4896 7.37516 4.66669V7.37504H4.66681C4.48973 7.37504 4.3413 7.43496 4.22152 7.55479C4.10173 7.67464 4.04183 7.82314 4.04183 8.00029C4.04183 8.17746 4.10173 8.32587 4.22152 8.44552C4.3413 8.56517 4.48973 8.625 4.66681 8.625H7.37516ZM8.00154 15.9167C6.90659 15.9167 5.8774 15.7089 4.91395 15.2933C3.9505 14.8778 3.11243 14.3138 2.39975 13.6015C1.68705 12.8891 1.12284 12.0514 0.7071 11.0884C0.291364 10.1253 0.0834961 9.09636 0.0834961 8.00142C0.0834961 6.90647 0.291274 5.87728 0.70683 4.91383C1.12239 3.95037 1.68634 3.11231 2.3987 2.39963C3.11108 1.68693 3.94878 1.12272 4.91181 0.706979C5.87482 0.291243 6.9038 0.083374 7.99875 0.083374C9.09369 0.083374 10.1229 0.291153 11.0863 0.706708C12.0498 1.12226 12.8879 1.68622 13.6005 2.39858C14.3132 3.11096 14.8774 3.94866 15.2932 4.91169C15.7089 5.8747 15.9168 6.90368 15.9168 7.99863C15.9168 9.09357 15.709 10.1228 15.2935 11.0862C14.8779 12.0497 14.3139 12.8877 13.6016 13.6004C12.8892 14.3131 12.0515 14.8773 11.0885 15.2931C10.1255 15.7088 9.09648 15.9167 8.00154 15.9167ZM8.00014 14.6667C9.86125 14.6667 11.4376 14.0209 12.7293 12.7292C14.021 11.4375 14.6668 9.86113 14.6668 8.00002C14.6668 6.13891 14.021 4.56252 12.7293 3.27085C11.4376 1.97919 9.86125 1.33335 8.00014 1.33335C6.13903 1.33335 4.56264 1.97919 3.27098 3.27085C1.97931 4.56252 1.33348 6.13891 1.33348 8.00002C1.33348 9.86113 1.97931 11.4375 3.27098 12.7292C4.56264 14.0209 6.13903 14.6667 8.00014 14.6667Z"
       fill="currentColor"
     />
   </svg>
-)
+);
 
-export default AddCircleIcon
+export default AddCircleIcon;
diff --git a/src/components/Icons/AddContentIcon.tsx b/src/components/Icons/AddContentIcon.tsx
@@ -1,9 +1,22 @@
 /* eslint-disable */
-import React from 'react'
+import React from 'react';
 
 const AddContentIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-    <mask id="mask0_1259_25" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <mask
+      id="mask0_1259_25"
+      maskUnits="userSpaceOnUse"
+      x="0"
+      y="0"
+      width="24"
+      height="24"
+    >
       <rect width="1em" height="1em" fill="currentColor" />
     </mask>
     <g mask="url(#mask0_1259_25)">
@@ -13,6 +26,6 @@ const AddContentIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
       />
     </g>
   </svg>
-)
+);
 
-export default AddContentIcon
+export default AddContentIcon;
diff --git a/src/components/Icons/AddLinkIcon.tsx b/src/components/Icons/AddLinkIcon.tsx
@@ -1,10 +1,23 @@
 /* eslint-disable */
-import React from 'react'
+import React from 'react';
 
 const AddLinkIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg width="1em" height="1em" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 20 20"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <g id="add_link">
-      <mask id="mask0_2659_52" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
+      <mask
+        id="mask0_2659_52"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="20"
+        height="20"
+      >
         <rect id="Bounding box" width="1em" height="1em" fill="currentColor" />
       </mask>
       <g mask="url(#mask0_2659_52)">
@@ -16,6 +29,6 @@ const AddLinkIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
       </g>
     </g>
   </svg>
-)
+);
 
-export default AddLinkIcon
+export default AddLinkIcon;
diff --git a/src/components/Icons/AddSourceIcon.tsx b/src/components/Icons/AddSourceIcon.tsx
@@ -1,9 +1,22 @@
 /* eslint-disable */
-import React from 'react'
+import React from 'react';
 
 const AddSourceIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg width="1em" height="1em" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-    <mask id="mask0_1259_27" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="24">
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 24 24"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <mask
+      id="mask0_1259_27"
+      maskUnits="userSpaceOnUse"
+      x="0"
+      y="0"
+      width="24"
+      height="24"
+    >
       <rect width="1em" height="1em" fill="currentColor" />
     </mask>
     <g mask="url(#mask0_1259_27)">
@@ -13,6 +26,6 @@ const AddSourceIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
       />
     </g>
   </svg>
-)
+);
 
-export default AddSourceIcon
+export default AddSourceIcon;
diff --git a/src/components/Icons/AiPauseIcon.tsx b/src/components/Icons/AiPauseIcon.tsx
@@ -1,13 +1,19 @@
 /* eslint-disable */
-import React from 'react'
+import React from 'react';
 
 const AiPauseIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg width="1em" height="1em" viewBox="0 0 10 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 10 10"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path
       d="M7.50033 10C7.27703 10 7.08233 9.91694 6.9162 9.75081C6.75006 9.58467 6.66699 9.38996 6.66699 9.16667V0.833333C6.66699 0.610042 6.75006 0.415326 6.9162 0.249187C7.08233 0.0830625 7.27703 0 7.50033 0H8.75033C8.97362 0 9.16833 0.0830625 9.33447 0.249187C9.5006 0.415326 9.58366 0.610042 9.58366 0.833333V9.16667C9.58366 9.38996 9.5006 9.58467 9.33447 9.75081C9.16833 9.91694 8.97362 10 8.75033 10H7.50033ZM1.25033 10C1.02703 10 0.832319 9.91694 0.66618 9.75081C0.500055 9.58467 0.416992 9.38996 0.416992 9.16667V0.833333C0.416992 0.610042 0.500055 0.415326 0.66618 0.249187C0.832319 0.0830625 1.02703 0 1.25033 0H2.50033C2.72362 0 2.91833 0.0830625 3.08445 0.249187C3.25059 0.415326 3.33366 0.610042 3.33366 0.833333V9.16667C3.33366 9.38996 3.25059 9.58467 3.08445 9.75081C2.91833 9.91694 2.72362 10 2.50033 10H1.25033Z"
       fill="currentColor"
     />
   </svg>
-)
+);
 
-export default AiPauseIcon
+export default AiPauseIcon;
diff --git a/src/components/Icons/AiPlayIcon.tsx b/src/components/Icons/AiPlayIcon.tsx
@@ -1,13 +1,19 @@
 /* eslint-disable */
-import React from 'react'
+import React from 'react';
 
 const AiPlayIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg width="1em" height="1em" viewBox="0 0 15 13" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 15 13"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path
       d="M13.577 7.62502H11.8142C11.6368 7.62502 11.4883 7.56519 11.3687 7.44554C11.249 7.32589 11.1892 7.17739 11.1892 7.00004C11.1892 6.82269 11.249 6.67419 11.3687 6.55454C11.4883 6.43489 11.6368 6.37506 11.8142 6.37506H13.577C13.7543 6.37506 13.9028 6.43489 14.0225 6.55454C14.1421 6.67419 14.202 6.82269 14.202 7.00004C14.202 7.17739 14.1421 7.32589 14.0225 7.44554C13.9028 7.56519 13.7543 7.62502 13.577 7.62502ZM10.1106 10.9279C10.2175 10.7816 10.354 10.6972 10.5201 10.6747C10.6862 10.6523 10.8425 10.6945 10.9888 10.8013L12.3943 11.8574C12.5406 11.9642 12.625 12.1007 12.6475 12.2669C12.6699 12.433 12.6277 12.5892 12.5209 12.7356C12.4141 12.882 12.2776 12.9664 12.1114 12.9888C11.9453 13.0112 11.7891 12.969 11.6427 12.8622L10.2372 11.8061C10.0909 11.6993 10.0065 11.5628 9.98405 11.3967C9.96161 11.2305 10.0038 11.0743 10.1106 10.9279ZM12.3622 2.1106L10.9568 3.16671C10.8104 3.27354 10.6542 3.31574 10.488 3.29331C10.3219 3.27087 10.1854 3.18646 10.0786 3.0401C9.97176 2.89374 9.92956 2.7375 9.95199 2.57137C9.97442 2.40525 10.0588 2.26876 10.2052 2.16192L11.6106 1.10583C11.757 0.998998 11.9133 0.956796 12.0794 0.979227C12.2455 1.00166 12.382 1.08606 12.4888 1.23244C12.5957 1.3788 12.6379 1.53504 12.6154 1.70116C12.593 1.86729 12.5086 2.00377 12.3622 2.1106ZM4.05778 9.08335H1.71805C1.5033 9.08335 1.32408 9.0115 1.18039 8.86779C1.03669 8.7241 0.964844 8.54488 0.964844 8.33014V5.66994C0.964844 5.4552 1.03669 5.27599 1.18039 5.13229C1.32408 4.98858 1.5033 4.91673 1.71805 4.91673H4.05778L6.55134 2.42317C6.75114 2.22339 6.9811 2.17771 7.24124 2.28614C7.50138 2.39459 7.63145 2.5909 7.63145 2.87508V11.125C7.63145 11.4092 7.50138 11.6055 7.24124 11.7139C6.9811 11.8224 6.75114 11.7767 6.55134 11.5769L4.05778 9.08335Z"
       fill="currentColor"
     />
   </svg>
-)
+);
 
-export default AiPlayIcon
+export default AiPlayIcon;
diff --git a/src/components/Icons/AiSummaryIcon.tsx b/src/components/Icons/AiSummaryIcon.tsx
@@ -1,13 +1,19 @@
 /* eslint-disable */
-import React from 'react'
+import React from 'react';
 
 const AiSummaryIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 16 16"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path
       d="M7.28729 0.918723C7.41428 0.105284 8.58572 0.105284 8.71271 0.918723L8.76054 1.22508C9.2444 4.32436 11.6757 6.75568 14.775 7.23954L15.0814 7.28737C15.8948 7.41436 15.8948 8.5858 15.0814 8.71279L14.775 8.76062C11.6757 9.24448 9.2444 11.6758 8.76054 14.7751L8.71271 15.0814C8.58572 15.8949 7.41428 15.8949 7.28729 15.0814L7.23946 14.7751C6.7556 11.6758 4.32428 9.24448 1.225 8.76062L0.918643 8.71279C0.105204 8.5858 0.105204 7.41436 0.918642 7.28737L1.225 7.23954C4.32428 6.75568 6.7556 4.32436 7.23946 1.22508L7.28729 0.918723Z"
       fill="currentColor"
     />
   </svg>
-)
+);
 
-export default AiSummaryIcon
+export default AiSummaryIcon;
diff --git a/src/components/Icons/AndroidIcon.tsx b/src/components/Icons/AndroidIcon.tsx
@@ -1,9 +1,22 @@
 /* eslint-disable */
-import React from 'react'
+import React from 'react';
 
 const AndroidIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg width="1em" height="1em" viewBox="0 0 14 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-    <mask id="mask0_7541_21694" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="15">
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 14 15"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <mask
+      id="mask0_7541_21694"
+      maskUnits="userSpaceOnUse"
+      x="0"
+      y="0"
+      width="14"
+      height="15"
+    >
       <rect y="0.25" width="1em" height="1em" fill="currentColor" />
     </mask>
     <g mask="url(#mask0_7541_21694)">
@@ -13,6 +26,6 @@ const AndroidIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
       />
     </g>
   </svg>
-)
+);
 
-export default AndroidIcon
+export default AndroidIcon;
diff --git a/src/components/Icons/ArrowBackIcon.tsx b/src/components/Icons/ArrowBackIcon.tsx
@@ -1,10 +1,23 @@
 /* eslint-disable */
-import React from 'react'
+import React from 'react';
 
 const ArrowBackIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg width="1em" height="1em" viewBox="0 0 20 20" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 20 20"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <g id="arrow_forward">
-      <mask id="mask0_8980_24763" maskUnits="userSpaceOnUse" x="0" y="0" width="20" height="20">
+      <mask
+        id="mask0_8980_24763"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="20"
+        height="20"
+      >
         <rect
           id="Bounding box"
           x="20"
@@ -24,6 +37,6 @@ const ArrowBackIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
       </g>
     </g>
   </svg>
-)
+);
 
-export default ArrowBackIcon
+export default ArrowBackIcon;
diff --git a/src/components/Icons/ArrowForwardIcon.tsx b/src/components/Icons/ArrowForwardIcon.tsx
@@ -1,13 +1,19 @@
 /* eslint-disable */
-import React from 'react'
+import React from 'react';
 
 const ArrowForwardIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg width="1em" height="1em" viewBox="0 0 12 12" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 12 12"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <path
       d="M9.47019 6.56248H0.9375C0.777887 6.56248 0.644237 6.50863 0.53655 6.40094C0.42885 6.29326 0.375 6.15961 0.375 5.99999C0.375 5.84038 0.42885 5.70673 0.53655 5.59904C0.644237 5.49136 0.777887 5.43751 0.9375 5.43751H9.47019L5.59326 1.56058C5.48172 1.44904 5.42667 1.31851 5.42812 1.169C5.42956 1.01948 5.48846 0.886545 5.60481 0.770208C5.72114 0.661558 5.85287 0.605308 5.99998 0.601458C6.14709 0.597608 6.27882 0.653858 6.39516 0.770208L11.1504 5.52549C11.2206 5.59568 11.2701 5.66971 11.299 5.7476C11.3278 5.82548 11.3423 5.90961 11.3423 5.99999C11.3423 6.09038 11.3278 6.17451 11.299 6.25239C11.2701 6.33028 11.2206 6.40431 11.1504 6.4745L6.39516 11.2298C6.29132 11.3336 6.16272 11.3868 6.00936 11.3892C5.85599 11.3916 5.72114 11.3384 5.60481 11.2298C5.48846 11.1134 5.43028 10.9798 5.43028 10.8288C5.43028 10.6779 5.48846 10.5442 5.60481 10.4279L9.47019 6.56248Z"
       fill="currentColor"
     />
   </svg>
-)
+);
 
-export default ArrowForwardIcon
+export default ArrowForwardIcon;
diff --git a/src/components/Icons/ArrowRight.tsx b/src/components/Icons/ArrowRight.tsx
@@ -1,10 +1,19 @@
 /* eslint-disable */
-import React from 'react'
+import React from 'react';
 
 const ArrowRight: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg width="1em" height="1em" viewBox="0 0 6 10" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-    <path d="M6 5L6.90043e-08 9.33013L4.47556e-07 0.669872L6 5Z" fill="currentColor" />
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 6 10"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <path
+      d="M6 5L6.90043e-08 9.33013L4.47556e-07 0.669872L6 5Z"
+      fill="currentColor"
+    />
   </svg>
-)
+);
 
-export default ArrowRight
+export default ArrowRight;
diff --git a/src/components/Icons/AudioIcon.tsx b/src/components/Icons/AudioIcon.tsx
@@ -1,10 +1,23 @@
 /* eslint-disable */
-import React from 'react'
+import React from 'react';
 
 const AudioIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 16 16"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
     <g id="Audio">
-      <mask id="mask0_1506_147" maskUnits="userSpaceOnUse" x="0" y="0" width="16" height="16">
+      <mask
+        id="mask0_1506_147"
+        maskUnits="userSpaceOnUse"
+        x="0"
+        y="0"
+        width="16"
+        height="16"
+      >
         <rect id="Bounding box" width="1em" height="1em" fill="currentColor" />
       </mask>
       <g mask="url(#mask0_1506_147)">
@@ -16,6 +29,6 @@ const AudioIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
       </g>
     </g>
   </svg>
-)
+);
 
-export default AudioIcon
+export default AudioIcon;
diff --git a/src/components/Icons/BitcoinIcon.tsx b/src/components/Icons/BitcoinIcon.tsx
@@ -1,9 +1,22 @@
 /* eslint-disable */
-import React from 'react'
+import React from 'react';
 
 const BitcoinIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
-  <svg width="1em" height="1em" viewBox="0 0 14 14" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
-    <mask id="mask0_9540_45" maskUnits="userSpaceOnUse" x="0" y="0" width="14" height="14">
+  <svg
+    width="1em"
+    height="1em"
+    viewBox="0 0 14 14"
+    fill="currentColor"
+    xmlns="http://www.w3.org/2000/svg"
+  >
+    <mask
+      id="mask0_9540_45"
+      maskUnits="userSpaceOnUse"
+      x="0"
+      y="0"
+      width="14"
+      height="14"
+    >
       <rect width="1em" height="1em" fill="currentColor" />
     </mask>
     <g mask="url(#mask0_9540_45)">
@@ -13,6 +26,6 @@ const BitcoinIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (
       />
     </g>
   </svg>
-)
+);
 
-export default BitcoinIcon
+export default BitcoinIcon;