From 35bc69bb151573711781abc0d2e3a17e1888b98d Mon Sep 17 00:00:00 2001 From: Wahyu Kurniawan Date: Sat, 24 Feb 2024 04:53:21 +0700 Subject: [PATCH] =?UTF-8?q?=E2=9A=A1=EF=B8=8F=20feat:=20create=20check=20r?= =?UTF-8?q?adio=20icon=20and=20chevron=20down=20icon=20component?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../shared/CustomIcon/CheckRadioIcon.tsx | 21 ++++++++++++++++++ .../shared/CustomIcon/ChevronDownIcon.tsx | 22 +++++++++++++++++++ .../shared/CustomIcon/PencilIcon.tsx | 19 ++++++++++++++++ .../src/components/shared/CustomIcon/index.ts | 3 +++ 4 files changed, 65 insertions(+) create mode 100644 packages/frontend/src/components/shared/CustomIcon/CheckRadioIcon.tsx create mode 100644 packages/frontend/src/components/shared/CustomIcon/ChevronDownIcon.tsx create mode 100644 packages/frontend/src/components/shared/CustomIcon/PencilIcon.tsx diff --git a/packages/frontend/src/components/shared/CustomIcon/CheckRadioIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/CheckRadioIcon.tsx new file mode 100644 index 00000000..9795cb3e --- /dev/null +++ b/packages/frontend/src/components/shared/CustomIcon/CheckRadioIcon.tsx @@ -0,0 +1,21 @@ +import React from 'react'; +import { CustomIcon, CustomIconProps } from './CustomIcon'; + +export const CheckRadioIcon = (props: CustomIconProps) => { + return ( + + + + ); +}; diff --git a/packages/frontend/src/components/shared/CustomIcon/ChevronDownIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/ChevronDownIcon.tsx new file mode 100644 index 00000000..1e83d823 --- /dev/null +++ b/packages/frontend/src/components/shared/CustomIcon/ChevronDownIcon.tsx @@ -0,0 +1,22 @@ +import React from 'react'; +import { CustomIcon, CustomIconProps } from './CustomIcon'; + +export const ChevronDownIcon = (props: CustomIconProps) => { + return ( + + + + ); +}; diff --git a/packages/frontend/src/components/shared/CustomIcon/PencilIcon.tsx b/packages/frontend/src/components/shared/CustomIcon/PencilIcon.tsx new file mode 100644 index 00000000..11da196d --- /dev/null +++ b/packages/frontend/src/components/shared/CustomIcon/PencilIcon.tsx @@ -0,0 +1,19 @@ +import React from 'react'; +import { CustomIcon, CustomIconProps } from './CustomIcon'; + +export const PencilIcon = (props: CustomIconProps) => { + return ( + + + + ); +}; diff --git a/packages/frontend/src/components/shared/CustomIcon/index.ts b/packages/frontend/src/components/shared/CustomIcon/index.ts index d5a65355..2b9834ff 100644 --- a/packages/frontend/src/components/shared/CustomIcon/index.ts +++ b/packages/frontend/src/components/shared/CustomIcon/index.ts @@ -22,3 +22,6 @@ export * from './EllipseIcon'; export * from './EllipsesIcon'; export * from './SnowballIcon'; export * from './NotificationBellIcon'; +export * from './PencilIcon'; +export * from './CheckRadioIcon'; +export * from './ChevronDownIcon';