From f341071f5d09ec1ccebbc5899d26f29eb071cb24 Mon Sep 17 00:00:00 2001 From: Emmanuel-Develops Date: Fri, 9 Aug 2024 14:56:41 +0100 Subject: [PATCH] feat: added more icons for bdp-ui, rm duplicate filterIcon --- src/icons.ts | 10 +++++- src/icons/ArrowLinkRight.tsx | 37 +++++++++++++++++++ src/icons/ArrowLinkUpRight.tsx | 36 +++++++++++++++++++ src/icons/BookmarkIcon.tsx | 18 ++++++++++ src/icons/CalendarIcon.tsx | 58 ++++++++++++++++++++++++++++++ src/icons/DiceIcon.tsx | 45 +++++++++++++++++++++++ src/icons/DiscordIcon.tsx | 24 +++++++++++++ src/icons/FilterMenuIcon.tsx | 20 ----------- src/icons/MicIcon.tsx | 40 +++++++++++++++++++++ src/icons/NightIcon.tsx | 2 +- src/icons/NostrIcon.tsx | 24 +++++++++++++ src/icons/TwitterXIcon.tsx | 27 ++++++++++++++ src/icons/stories/icon.stories.tsx | 2 +- 13 files changed, 320 insertions(+), 23 deletions(-) create mode 100644 src/icons/ArrowLinkRight.tsx create mode 100644 src/icons/ArrowLinkUpRight.tsx create mode 100644 src/icons/BookmarkIcon.tsx create mode 100644 src/icons/CalendarIcon.tsx create mode 100644 src/icons/DiceIcon.tsx create mode 100644 src/icons/DiscordIcon.tsx delete mode 100644 src/icons/FilterMenuIcon.tsx create mode 100644 src/icons/MicIcon.tsx create mode 100644 src/icons/NostrIcon.tsx create mode 100644 src/icons/TwitterXIcon.tsx diff --git a/src/icons.ts b/src/icons.ts index ffbec27..f0a1529 100644 --- 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 new file mode 100644 index 0000000..ab4cd90 --- /dev/null +++ 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 & { pathProps?: SVGProps }) => ( + // height is destructed and unused, scaling is defined by width + + + + +); + +export default ArrowLinkRight; diff --git a/src/icons/ArrowLinkUpRight.tsx b/src/icons/ArrowLinkUpRight.tsx new file mode 100644 index 0000000..8c74aae --- /dev/null +++ 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 & { pathProps?: SVGProps }) => ( + // height is destructed and unused, scaling is defined by width + + + + +); + +export default ArrowLinkUpRight; diff --git a/src/icons/BookmarkIcon.tsx b/src/icons/BookmarkIcon.tsx new file mode 100644 index 0000000..0d6e812 --- /dev/null +++ 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) => ( + // height is destructed and unused, scaling is defined by width + + + + +); + +export default BookmarkIcon; diff --git a/src/icons/CalendarIcon.tsx b/src/icons/CalendarIcon.tsx new file mode 100644 index 0000000..64072eb --- /dev/null +++ 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 & { pathProps?: SVGProps }) => ( + // height is destructed and unused, scaling is defined by width + // pathProps is destructured and unused + + + + + + + + +); + +export default CalendarIcon; diff --git a/src/icons/DiceIcon.tsx b/src/icons/DiceIcon.tsx new file mode 100644 index 0000000..d9f5613 --- /dev/null +++ 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 & { pathProps?: SVGProps }) => ( + // height is destructed and unused, scaling is defined by width + // pathProps is destructured and unused + + + + + + + +); + +export default DiceIcon; diff --git a/src/icons/DiscordIcon.tsx b/src/icons/DiscordIcon.tsx new file mode 100644 index 0000000..11ee534 --- /dev/null +++ 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 & { pathProps?: SVGProps }) => ( + // height is destructed and unused, scaling is defined by width + // pathProps is destructured and unused + + + + +); + +export default DiscordIcon; diff --git a/src/icons/FilterMenuIcon.tsx b/src/icons/FilterMenuIcon.tsx deleted file mode 100644 index b0a88d4..0000000 --- a/src/icons/FilterMenuIcon.tsx +++ /dev/null @@ -1,20 +0,0 @@ -import * as React from "react"; -import { SVGProps } from "react"; - -const FilterMenuIcon = ({ width = 25, height, ...props }: SVGProps) => ( - // height is destructed and unused, scaling is defined by width - - - -); - -export default FilterMenuIcon; diff --git a/src/icons/MicIcon.tsx b/src/icons/MicIcon.tsx new file mode 100644 index 0000000..25824fb --- /dev/null +++ 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 & { pathProps?: SVGProps }) => ( + // height is destructed and unused, scaling is defined by width + // pathProps is destructured and unused + + + + + + +); + +export default MicIcon; diff --git a/src/icons/NightIcon.tsx b/src/icons/NightIcon.tsx index ceed5c8..0fadac8 100644 --- 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" /> ); diff --git a/src/icons/NostrIcon.tsx b/src/icons/NostrIcon.tsx new file mode 100644 index 0000000..79f7cd2 --- /dev/null +++ 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 & { pathProps?: SVGProps }) => ( + // height is destructed and unused, scaling is defined by width + // pathProps is destructured and unused + + + + +); + +export default NostrIcon; diff --git a/src/icons/TwitterXIcon.tsx b/src/icons/TwitterXIcon.tsx new file mode 100644 index 0000000..24851de --- /dev/null +++ b/src/icons/TwitterXIcon.tsx @@ -0,0 +1,27 @@ +import * as React from "react"; +import { SVGProps } from "react"; + +const TwitterXIcon = ({ + width = 37, + height, + pathProps, + ...props +}: SVGProps & { pathProps?: SVGProps }) => ( + // height is destructed and unused, scaling is defined by width + // pathProps is destructured and unused + + + + +); + +export default TwitterXIcon; diff --git a/src/icons/stories/icon.stories.tsx b/src/icons/stories/icon.stories.tsx index 8a8a173..9c3b9ce 100644 --- a/src/icons/stories/icon.stories.tsx +++ b/src/icons/stories/icon.stories.tsx @@ -49,7 +49,7 @@ export const AllIcons: Story = { // color: "black", className: "text-orange-500", pathProps: { - strokeWidth: 1, + strokeWidth: 1.5, } }, render: (args) => ,