feat: added more icons for bdp-ui, rm duplicate filterIcon

bitcoin-dev-project · Aug 9, 2024 · f341071 · f341071
1 parent 6f82728
commit f341071
Show file tree

Hide file tree

Showing 13 changed files with 320 additions and 23 deletions.
diff --git a/src/icons.ts b/src/icons.ts
@@ -1,18 +1,26 @@
 export { default as AppsIcon } from './icons/AppsIcon';
 export { default as ArrowLeft } from './icons/ArrowLeft';
+export { default as ArrowLinkRight } from './icons/ArrowLinkRight';
+export { default as ArrowLinkUpRight } from './icons/ArrowLinkUpRight';
 export { default as ArrowRight } from './icons/ArrowRight';
 export { default as AuthorIcon } from './icons/AuthorIcon'; 
 export { default as BitcoinIcon} from './icons/BitcoinIcon';
+export { default as BookmarkIcon} from './icons/BookmarkIcon';
+export { default as CalendarIcon} from './icons/CalendarIcon';
 export { default as CloseIconOutlined} from './icons/CloseIconOutlined';
 export { default as DateIcon} from './icons/DateIcon';
 export { default as DayIcon} from './icons/DayIcon';
+export { default as DiceIcon} from './icons/DiceIcon';
+export { default as DiscordIcon} from './icons/DiscordIcon';
 export { default as FilterIcon} from './icons/FilterIcon';
 export { default as FilterCloseIcon} from './icons/FilterCloseIcon';
-export { default as FilterMenuIcon} from './icons/FilterMenuIcon';
 export { default as GithubIcon} from './icons/GithubIcon';
+export { default as MicIcon} from './icons/MicIcon';
 export { default as NightIcon} from './icons/NightIcon';
+export { default as NostrIcon} from './icons/NostrIcon';
 export { default as PlusIcon} from './icons/PlusIcon';
 export { default as SearchIcon} from './icons/SearchIcon';
 export { default as SortIcon} from './icons/SortIcon';
 export { default as SourceIcon} from './icons/SourceIcon';
 export { default as TimeIcon} from './icons/TimeIcon';
+export { default as TwitterXIcon} from './icons/TwitterXIcon';
diff --git a/src/icons/ArrowLinkRight.tsx b/src/icons/ArrowLinkRight.tsx
@@ -0,0 +1,37 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const ArrowLinkRight = ({
+  width = 24,
+  height,
+  pathProps,
+  ...props
+}: SVGProps<SVGSVGElement> & { pathProps?: SVGProps<SVGPathElement> }) => (
+  // height is destructed and unused, scaling is defined by width
+  <svg
+    width={width}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M20 12.5H4"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      {...pathProps}
+    />
+    <path
+      d="M15 17.5C15 17.5 20 13.8176 20 12.5C20 11.1824 15 7.5 15 7.5"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      {...pathProps}
+    />
+  </svg>
+);
+
+export default ArrowLinkRight;
diff --git a/src/icons/ArrowLinkUpRight.tsx b/src/icons/ArrowLinkUpRight.tsx
@@ -0,0 +1,36 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const ArrowLinkUpRight = ({
+  width = 24,
+  height,
+  pathProps,
+  ...props
+}: SVGProps<SVGSVGElement> & { pathProps?: SVGProps<SVGPathElement> }) => (
+  // height is destructed and unused, scaling is defined by width
+  <svg
+    width={width}
+    viewBox="0 0 24 24"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M17 7.5L6 18.5"
+      stroke="currentColor"
+      strokeWidth="1.5"
+      stroke-linecap="round"
+      {...pathProps}
+    />
+    <path
+      d="M11 6.6315C11 6.6315 16.6335 6.15661 17.4885 7.01152C18.3434 7.86644 17.8684 13.5 17.8684 13.5"
+      stroke="currentColor"
+      stroke-width="1.5"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+      {...pathProps}
+    />
+  </svg>
+);
+
+export default ArrowLinkUpRight;
diff --git a/src/icons/BookmarkIcon.tsx b/src/icons/BookmarkIcon.tsx
@@ -0,0 +1,18 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const BookmarkIcon = ({ width = 25, height, ...props }: SVGProps<SVGSVGElement>) => (
+  // height is destructed and unused, scaling is defined by width
+  <svg
+    width={width}
+    viewBox="0 0 27 27"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="M3.75195 20.5604V14.7496C3.75195 10.7459 3.75195 8.74403 4.96226 7.50023C6.17257 6.25644 8.12053 6.25644 12.0164 6.25644C15.9123 6.25644 17.8603 6.25644 19.0707 7.50023C20.2809 8.74403 20.2809 10.7459 20.2809 14.7496V20.5604C20.2809 23.1013 20.2809 24.3717 19.4826 24.8265C17.9365 25.7071 15.0363 22.7691 13.659 21.8845C12.8602 21.3714 12.4608 21.1149 12.0164 21.1149C11.572 21.1149 11.1726 21.3714 10.3739 21.8845C8.9966 22.7691 6.09646 25.7071 4.55035 24.8265C3.75195 24.3717 3.75195 23.1013 3.75195 20.5604Z" stroke="currentColor" stroke-width="1.6529" stroke-linecap="round" stroke-linejoin="round"/>
+    <path d="M10.3638 2.95062H12.5676C17.7621 2.95062 20.3595 2.95062 21.9732 4.56437C23.5869 6.1781 23.5869 8.77538 23.5869 13.9699V20.5815" stroke="currentColor" stroke-width="1.6529" stroke-linecap="round" stroke-linejoin="round"/>
+  </svg>
+);
+
+export default BookmarkIcon;
diff --git a/src/icons/CalendarIcon.tsx b/src/icons/CalendarIcon.tsx
@@ -0,0 +1,58 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const CalendarIcon = ({
+  width = 23,
+  height,
+  pathProps,
+  ...props
+}: SVGProps<SVGSVGElement> & { pathProps?: SVGProps<SVGPathElement> }) => (
+  // height is destructed and unused, scaling is defined by width
+  // pathProps is destructured and unused
+
+  <svg
+    width={width}
+    viewBox="0 0 23 23"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M17.2283 2.2829V4.11945M6.20898 2.2829V4.11945"
+      stroke="currentColor"
+      stroke-width="1.6529"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M11.7144 12.3839H11.7226M11.7144 16.057H11.7226M15.3834 12.3839H15.3916M8.04541 12.3839H8.05365M8.04541 16.057H8.05365"
+      stroke="currentColor"
+      stroke-width="2.20386"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M3.91309 7.7926H19.5238"
+      stroke="currentColor"
+      stroke-width="1.6529"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M2.99463 11.689C2.99463 7.68781 2.99463 5.6872 4.14442 4.44419C5.29421 3.20117 7.14477 3.20117 10.8459 3.20117H12.5906C16.2917 3.20117 18.1423 3.20117 19.2921 4.44419C20.4419 5.6872 20.4419 7.68781 20.4419 11.689V12.1606C20.4419 16.1618 20.4419 18.1624 19.2921 19.4054C18.1423 20.6484 16.2917 20.6484 12.5906 20.6484H10.8459C7.14477 20.6484 5.29421 20.6484 4.14442 19.4054C2.99463 18.1624 2.99463 16.1618 2.99463 12.1606V11.689Z"
+      stroke="currentColor"
+      stroke-width="1.6529"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+    <path
+      d="M3.4541 7.7926H19.9831"
+      stroke="currentColor"
+      stroke-width="1.6529"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);
+
+export default CalendarIcon;
diff --git a/src/icons/DiceIcon.tsx b/src/icons/DiceIcon.tsx
@@ -0,0 +1,45 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const DiceIcon = ({
+  width = 23,
+  height,
+  pathProps,
+  ...props
+}: SVGProps<SVGSVGElement> & { pathProps?: SVGProps<SVGPathElement> }) => (
+  // height is destructed and unused, scaling is defined by width
+  // pathProps is destructured and unused
+
+  <svg
+    width={width}
+    viewBox="0 0 23 23"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M10.341 13.159C9.68198 12.5 8.62132 12.5 6.5 12.5C4.37868 12.5 3.31802 12.5 2.65901 13.159M10.341 13.159C11 13.818 11 14.8787 11 17C11 19.1213 11 20.182 10.341 20.841M2.65901 13.159C2 13.818 2 14.8787 2 17C2 19.1213 2 20.182 2.65901 20.841M2.65901 20.841C3.31802 21.5 4.37868 21.5 6.5 21.5C8.62132 21.5 9.68198 21.5 10.341 20.841"
+      stroke="currentColor"
+      stroke-width="1.5"
+    />
+    <path
+      d="M15.2218 4.77817C16.7406 6.29696 17.5 7.05635 17.5 8C17.5 8.94365 16.7406 9.70304 15.2218 11.2218C13.703 12.7406 12.9436 13.5 12 13.5C11.0563 13.5 10.297 12.7406 8.77817 11.2218C7.25939 9.70304 6.5 8.94365 6.5 8C6.5 7.05635 7.25939 6.29696 8.77817 4.77817C10.297 3.25939 11.0563 2.5 12 2.5C12.9437 2.5 13.703 3.25939 15.2218 4.77817Z"
+      stroke="currentColor"
+      stroke-width="1.5"
+    />
+    <path
+      d="M21.341 13.159C20.682 12.5 19.6213 12.5 17.5 12.5C15.3787 12.5 14.318 12.5 13.659 13.159M21.341 13.159C22 13.818 22 14.8787 22 17C22 19.1213 22 20.182 21.341 20.841M13.659 13.159C13 13.818 13 14.8787 13 17C13 19.1213 13 20.182 13.659 20.841M13.659 20.841C14.318 21.5 15.3787 21.5 17.5 21.5C19.6213 21.5 20.682 21.5 21.341 20.841"
+      stroke="currentColor"
+      stroke-width="1.5"
+    />
+    <path
+      d="M12.008 8H11.999"
+      stroke="currentColor"
+      stroke-width="2"
+      stroke-linecap="round"
+      stroke-linejoin="round"
+    />
+  </svg>
+);
+
+export default DiceIcon;
diff --git a/src/icons/DiscordIcon.tsx b/src/icons/DiscordIcon.tsx
@@ -0,0 +1,24 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const DiscordIcon = ({
+  width = 45,
+  height,
+  pathProps,
+  ...props
+}: SVGProps<SVGSVGElement> & { pathProps?: SVGProps<SVGPathElement> }) => (
+  // height is destructed and unused, scaling is defined by width
+  // pathProps is destructured and unused
+
+  <svg
+    width={width}
+    viewBox="0 0 45 45"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M16.9997 6.9165C13.652 6.9165 11.1202 7.48117 8.34634 8.84334C8.1873 8.9212 8.05422 9.04346 7.96318 9.19534C6.05834 12.3707 2.33301 21.2092 2.33301 31.6665C2.33253 31.9044 2.42457 32.1332 2.58968 32.3045C4.33501 34.103 5.92084 35.4267 7.62218 36.3617C9.33268 37.3003 11.1147 37.8228 13.223 38.0758C13.3988 38.0972 13.577 38.0672 13.7361 37.9894C13.8952 37.9117 14.0284 37.7895 14.1195 37.6377L15.0545 36.0757C13.6923 35.599 12.3008 34.9665 11.4428 34.1085C11.3116 33.9816 11.2069 33.8298 11.1349 33.662C11.0629 33.4943 11.0251 33.3138 11.0236 33.1312C11.0221 32.9487 11.057 32.7676 11.1262 32.5987C11.1954 32.4297 11.2976 32.2763 11.4267 32.1472C11.5559 32.0182 11.7095 31.9161 11.8785 31.8471C12.0475 31.778 12.2286 31.7433 12.4111 31.745C12.5937 31.7467 12.7741 31.7847 12.9418 31.8568C13.1096 31.929 13.2612 32.0338 13.388 32.1652C13.8555 32.6327 14.9537 33.1643 16.5047 33.6612C17.7862 33.9967 20.0173 34.4165 22.4997 34.4165C24.982 34.4165 27.2132 33.9967 28.4947 33.6612C30.0457 33.1643 31.1438 32.6308 31.6113 32.1652C31.7372 32.0301 31.889 31.9217 32.0577 31.8466C32.2264 31.7714 32.4084 31.731 32.5931 31.7278C32.7777 31.7245 32.9611 31.7585 33.1323 31.8276C33.3035 31.8968 33.459 31.9997 33.5896 32.1303C33.7201 32.2608 33.8231 32.4164 33.8922 32.5876C33.9614 32.7588 33.9953 32.9422 33.9921 33.1268C33.9888 33.3114 33.9484 33.4935 33.8733 33.6622C33.7981 33.8308 33.6898 33.9826 33.5547 34.1085C32.6985 34.9665 31.307 35.599 29.943 36.0757L30.8798 37.6377C30.9707 37.7898 31.1038 37.9124 31.2629 37.9905C31.422 38.0686 31.6004 38.0989 31.7763 38.0777C33.8847 37.8228 35.6667 37.3003 37.3772 36.3617C39.0785 35.4267 40.6643 34.103 42.4078 32.3045C42.5736 32.1335 42.6663 31.9047 42.6663 31.6665C42.6663 21.2092 38.941 12.3707 37.0362 9.19534C36.9451 9.04346 36.812 8.9212 36.653 8.84334C33.8792 7.48117 31.3473 6.9165 27.9997 6.9165C27.8074 6.91665 27.62 6.97728 27.464 7.0898C27.3081 7.20232 27.1914 7.36105 27.1307 7.5435L26.5147 9.3915C25.2175 8.97154 23.8631 8.75508 22.4997 8.74984C21.1362 8.75508 19.7818 8.97154 18.4847 9.3915L17.8687 7.5435C17.8079 7.36105 17.6913 7.20232 17.5353 7.0898C17.3794 6.97728 17.192 6.91665 16.9997 6.9165ZM18.833 23.8748C18.833 25.6458 17.601 27.0832 16.083 27.0832C14.565 27.0832 13.333 25.6458 13.333 23.8748C13.333 22.1038 14.565 20.6665 16.083 20.6665C17.601 20.6665 18.833 22.1038 18.833 23.8748ZM28.9163 27.0832C30.4343 27.0832 31.6663 25.6458 31.6663 23.8748C31.6663 22.1038 30.4343 20.6665 28.9163 20.6665C27.3983 20.6665 26.1663 22.1038 26.1663 23.8748C26.1663 25.6458 27.3983 27.0832 28.9163 27.0832Z" fill="currentColor"/>
+  </svg>
+);
+
+export default DiscordIcon;
diff --git a/src/icons/FilterMenuIcon.tsx b/src/icons/FilterMenuIcon.tsx
diff --git a/src/icons/MicIcon.tsx b/src/icons/MicIcon.tsx
@@ -0,0 +1,40 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const MicIcon = ({
+  width = 27,
+  height,
+  pathProps,
+  ...props
+}: SVGProps<SVGSVGElement> & { pathProps?: SVGProps<SVGPathElement> }) => (
+  // height is destructed and unused, scaling is defined by width
+  // pathProps is destructured and unused
+
+  <svg
+    width={width}
+    viewBox="0 0 27 27"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path
+      d="M19.179 7.79078V12.1985C19.179 15.2414 16.7122 17.7082 13.6693 17.7082C10.6264 17.7082 8.15967 15.2414 8.15967 12.1985V7.79078C8.15967 4.74789 10.6264 2.28113 13.6693 2.28113C16.7122 2.28113 19.179 4.74789 19.179 7.79078Z"
+      stroke="currentColor"
+      stroke-width={1.6529 || pathProps?.strokeWidth}
+    />
+    <path
+      d="M19.1793 7.79077H15.8735M19.1793 12.1985H15.8735"
+      stroke="currentColor"
+      stroke-width={1.6529 || pathProps?.strokeWidth}
+      stroke-linecap="round"
+    />
+    <path
+      d="M22.4849 12.1985C22.4849 17.0671 18.5381 21.0139 13.6695 21.0139M13.6695 21.0139C8.80081 21.0139 4.854 17.0671 4.854 12.1985M13.6695 21.0139V24.3197M13.6695 24.3197H16.9752M13.6695 24.3197H10.3637"
+      stroke="currentColor"
+      stroke-width={1.6529 || pathProps?.strokeWidth}
+      stroke-linecap="round"
+    />
+  </svg>
+);
+
+export default MicIcon;
diff --git a/src/icons/NightIcon.tsx b/src/icons/NightIcon.tsx
@@ -19,8 +19,8 @@ const NightIcon = ({
       d="M11.3995 6.58487L11.3994 6.58653C11.0986 9.29321 8.79971 11.3991 6.01455 11.3991C4.57853 11.3991 3.20131 10.8286 2.18589 9.81317C1.17046 8.79775 0.6 7.42053 0.6 5.98451C0.6 3.19695 2.70595 0.901114 5.40619 0.601129C5.43566 0.599751 5.44864 0.606262 5.45316 0.608761C5.46036 0.612739 5.46925 0.620338 5.47679 0.633729C5.49367 0.663687 5.48983 0.691313 5.47637 0.711355L5.47624 0.711266L5.46876 0.722976C5.05448 1.37176 4.8131 2.15169 4.8131 2.97723L4.8131 2.97771C4.8137 3.73245 5.01715 4.47317 5.40216 5.12233C5.78717 5.77149 6.33959 6.30523 7.0016 6.6677C7.66361 7.03018 8.41088 7.20805 9.1652 7.18271C9.91757 7.15744 10.6494 6.93093 11.2844 6.52681C11.3123 6.5101 11.3278 6.50998 11.333 6.51013C11.3411 6.51036 11.3524 6.51299 11.3652 6.52137C11.3946 6.54069 11.4017 6.56622 11.3995 6.58487Z"
       fill="none"
       stroke="currentColor"
-      strokeWidth={1 || pathProps?.strokeWidth}
       {...pathProps}
+      strokeWidth="1"
     />
   </svg>
 );

diff --git a/src/icons/NostrIcon.tsx b/src/icons/NostrIcon.tsx
@@ -0,0 +1,24 @@
+import * as React from "react";
+import { SVGProps } from "react";
+
+const NostrIcon = ({
+  width = 31,
+  height,
+  pathProps,
+  ...props
+}: SVGProps<SVGSVGElement> & { pathProps?: SVGProps<SVGPathElement> }) => (
+  // height is destructed and unused, scaling is defined by width
+  // pathProps is destructured and unused
+
+  <svg
+    width={width}
+    viewBox="0 0 31 31"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    {...props}
+  >
+    <path d="M31.5 13.5114V29.8827C31.5 30.4984 31.0041 30.998 30.3929 30.998H17.1081C16.4969 30.998 16.001 30.4984 16.001 29.8827V26.8339C16.0615 23.0966 16.454 19.5166 17.2779 17.8879C17.7719 16.9084 18.5861 16.3753 19.5214 16.0901C21.2884 15.5551 24.389 15.9209 25.705 15.858C25.705 15.858 29.6803 16.0173 29.6803 13.7494C29.6803 11.924 27.9035 12.0676 27.9035 12.0676C25.9451 12.1187 24.4534 11.985 23.4869 11.6014C21.8683 10.9602 21.8136 9.78388 21.8077 9.39048C21.7277 4.8467 15.0774 4.30184 9.21796 5.42893C2.81177 6.65635 9.28825 15.9072 9.28825 28.256V29.9044C9.27653 30.5102 8.79036 31 8.18508 31H1.60707C0.995937 31 0.5 30.5004 0.5 29.8847V1.56967C0.5 0.953998 0.995937 0.454378 1.60707 0.454378H7.79067C8.40181 0.454378 8.89775 0.953998 8.89775 1.56967C8.89775 2.48433 9.91891 2.99378 10.657 2.46072C12.8809 0.855648 15.7354 0 18.9297 0C26.0857 0 31.4961 4.20152 31.4961 13.5114H31.5ZM19.6209 10.1891C19.6209 8.87119 18.5607 7.80311 17.2525 7.80311C15.9444 7.80311 14.8841 8.87119 14.8841 10.1891C14.8841 11.507 15.9444 12.5751 17.2525 12.5751C18.5607 12.5751 19.6209 11.507 19.6209 10.1891Z" fill="currentColor"/>
+  </svg>
+);
+
+export default NostrIcon;