From 6d65e5ffb34f49ab3ee39915d2718aea8487e256 Mon Sep 17 00:00:00 2001 From: RakeshUP Date: Tue, 25 Jul 2023 12:33:20 +0530 Subject: [PATCH 1/4] add most of the icons from ods figma --- src/components/icons/interface/icon_copy.tsx | 42 ++++++++++++++----- .../icons/interface/icon_explore.tsx | 26 ++++++++++++ .../icons/interface/icon_failure.tsx | 27 ++++++++++++ .../icons/interface/icon_link_external.tsx | 13 ++++-- .../icons/interface/icon_question.tsx | 27 ++++++++++++ .../icons/interface/icon_radio_pause.tsx | 27 ++++++++++++ .../icons/interface/icon_shrink.tsx | 22 ++++++++++ src/components/icons/interface/index.ts | 6 +++ 8 files changed, 176 insertions(+), 14 deletions(-) create mode 100644 src/components/icons/interface/icon_explore.tsx create mode 100644 src/components/icons/interface/icon_failure.tsx create mode 100644 src/components/icons/interface/icon_question.tsx create mode 100644 src/components/icons/interface/icon_radio_pause.tsx create mode 100644 src/components/icons/interface/icon_shrink.tsx diff --git a/src/components/icons/interface/icon_copy.tsx b/src/components/icons/interface/icon_copy.tsx index c1b978cc4..3cc045a71 100644 --- a/src/components/icons/interface/icon_copy.tsx +++ b/src/components/icons/interface/icon_copy.tsx @@ -3,16 +3,38 @@ import { type IconType } from '..'; export const IconCopy: IconType = ({ height = 16, width = 16, ...props }) => { return ( - - - + + + + + + + + + + + + + + ); }; diff --git a/src/components/icons/interface/icon_explore.tsx b/src/components/icons/interface/icon_explore.tsx new file mode 100644 index 000000000..5ddc37f0c --- /dev/null +++ b/src/components/icons/interface/icon_explore.tsx @@ -0,0 +1,26 @@ +import React from 'react'; +import { type IconType } from '..'; + +export const IconExplore: IconType = ({ height = 16, width = 16, ...props }) => { + return ( + + + + + + + + + + + + ); +}; diff --git a/src/components/icons/interface/icon_failure.tsx b/src/components/icons/interface/icon_failure.tsx new file mode 100644 index 000000000..c548591c6 --- /dev/null +++ b/src/components/icons/interface/icon_failure.tsx @@ -0,0 +1,27 @@ +import React from 'react'; +import { type IconType } from '..'; + +export const IconFailure: IconType = ({ height = 16, width = 16, ...props }) => { + return ( + + + + + + + + + + + ); +}; diff --git a/src/components/icons/interface/icon_link_external.tsx b/src/components/icons/interface/icon_link_external.tsx index 0b95660ef..09e03aac4 100644 --- a/src/components/icons/interface/icon_link_external.tsx +++ b/src/components/icons/interface/icon_link_external.tsx @@ -3,11 +3,16 @@ import { type IconType } from '..'; export const IconLinkExternal: IconType = ({ height = 16, width = 16, ...props }) => { return ( - + diff --git a/src/components/icons/interface/icon_question.tsx b/src/components/icons/interface/icon_question.tsx new file mode 100644 index 000000000..bdb5dd6a5 --- /dev/null +++ b/src/components/icons/interface/icon_question.tsx @@ -0,0 +1,27 @@ +import React from 'react'; +import { type IconType } from '..'; + +export const IconQuestion: IconType = ({ height = 16, width = 16, ...props }) => { + return ( + + + + + + + + + + + ); +}; diff --git a/src/components/icons/interface/icon_radio_pause.tsx b/src/components/icons/interface/icon_radio_pause.tsx new file mode 100644 index 000000000..888ff02fa --- /dev/null +++ b/src/components/icons/interface/icon_radio_pause.tsx @@ -0,0 +1,27 @@ +import React from 'react'; +import { type IconType } from '..'; + +export const IconRadioPause: IconType = ({ height = 16, width = 16, ...props }) => { + return ( + + + + + + + + + + + ); +}; diff --git a/src/components/icons/interface/icon_shrink.tsx b/src/components/icons/interface/icon_shrink.tsx new file mode 100644 index 000000000..bbdca84ba --- /dev/null +++ b/src/components/icons/interface/icon_shrink.tsx @@ -0,0 +1,22 @@ +import React from 'react'; +import { type IconType } from '..'; + +export const IconShrink: IconType = ({ height = 16, width = 16, ...props }) => { + return ( + + + + + + + + + + + ); +}; diff --git a/src/components/icons/interface/index.ts b/src/components/icons/interface/index.ts index 770d1b064..2aa08c3c5 100644 --- a/src/components/icons/interface/index.ts +++ b/src/components/icons/interface/index.ts @@ -14,6 +14,9 @@ export { IconClose } from './icon_close'; export { IconCopy } from './icon_copy'; export { IconDeposit } from './icon_deposit'; export { IconExpand } from './icon_expand'; +export { IconExplore } from './icon_explore'; +export { IconFilter } from './icon_filter'; +export { IconFailure } from './icon_failure'; export { IconFavoriteDefault } from './icon_favorite_default'; export { IconFavoriteSelected } from './icon_favorite_selected'; export { IconFeedback } from './icon_feedback'; @@ -24,12 +27,15 @@ export { IconLinkExternal } from './icon_link_external'; export { IconMenu } from './icon_menu'; export { IconMenuVertical } from './icon_menu_vertical'; export { IconPerson } from './icon_person'; +export { IconQuestion } from './icon_question'; export { IconRadioDefault } from './icon_radio_default'; +export { IconRadioPause } from './icon_radio_pause'; export { IconRadioMulti } from './icon_radio_multi'; export { IconRadioSelected } from './icon_radio_selected'; export { IconReload } from './icon_reload'; export { IconRemove } from './icon_remove'; export { IconSearch } from './icon_search'; +export { IconShrink } from './icon_shrink'; export { IconSettings } from './icon_settings'; export { IconSmartContract } from './icon_smart_contract'; export { IconSpinner } from './icon_spinner'; From 04435321e30044a0e680e69ff9d3f1b77b19a14c Mon Sep 17 00:00:00 2001 From: RakeshUP Date: Tue, 25 Jul 2023 16:14:56 +0530 Subject: [PATCH 2/4] update changelog --- CHANGELOG.md | 3 +++ 1 file changed, 3 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 82f13f3bb..736d7f1f0 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,6 +6,9 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## [Unreleased] +### Changed +- Changed the contents of IconCopy and IconLinkExternal +- Added new icons - IconExplore, IconShrink, IconRadioPause, IconQuestion, and IconFailure ## [0.2.7] - 2023-07-24 From 79f66b686aec30b043c84cdca52ab85cf0c21e90 Mon Sep 17 00:00:00 2001 From: Ruggero Cino Date: Tue, 25 Jul 2023 14:41:40 +0200 Subject: [PATCH 3/4] Update CHANGELOG.md --- CHANGELOG.md | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 51f6f9345..c41fced5b 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -6,13 +6,15 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html). ## [Unreleased] -### Changed -- Changed the contents of IconCopy and IconLinkExternal -- Added new icons - IconExplore, IconShrink, IconRadioPause, IconQuestion, and IconFailure + +### Added + +- New icons: IconExplore, IconShrink, IconRadioPause, IconQuestion, and IconFailure +- `acceptableFileFormat` property for InputImage component ### Changed -- a new variable named acceptableFileFormat added to inputImage Component +- Changed the contents of IconCopy and IconLinkExternal ## [0.2.7] - 2023-07-24 From cde02c4ea962a31e3e4c95f5059a5b877c0e2848 Mon Sep 17 00:00:00 2001 From: Ruggero Cino Date: Tue, 25 Jul 2023 14:48:37 +0200 Subject: [PATCH 4/4] Run prettier --- src/components/icons/interface/icon_copy.tsx | 9 ++++++++- src/components/icons/interface/icon_explore.tsx | 9 ++++++++- src/components/icons/interface/icon_shrink.tsx | 9 ++++++++- src/components/icons/interface/index.ts | 6 +++--- 4 files changed, 27 insertions(+), 6 deletions(-) diff --git a/src/components/icons/interface/icon_copy.tsx b/src/components/icons/interface/icon_copy.tsx index 3cc045a71..2d94ca4bd 100644 --- a/src/components/icons/interface/icon_copy.tsx +++ b/src/components/icons/interface/icon_copy.tsx @@ -3,7 +3,14 @@ import { type IconType } from '..'; export const IconCopy: IconType = ({ height = 16, width = 16, ...props }) => { return ( - + { return ( - + { return ( - +