diff --git a/src/components/Icon/InquiredChannelIcon.tsx b/src/components/Icon/InquiredChannelIcon.tsx new file mode 100644 index 00000000..ec61be9f --- /dev/null +++ b/src/components/Icon/InquiredChannelIcon.tsx @@ -0,0 +1,26 @@ +import { DEFAULT_ICON_COLOR, type IconComponentProps } from '@/components/Icon'; +import { token } from '@/styled-system/tokens'; + +function InquiredChannelIcon(props: IconComponentProps) { + const { color, size = 20, ...restProps } = props; + const iconColor = color ? token.var(`colors.${color}`) : DEFAULT_ICON_COLOR; + + return ( + + + + ); +} + +export default InquiredChannelIcon; diff --git a/src/components/Icon/index.tsx b/src/components/Icon/index.tsx index 364e0a58..ac2dba3b 100644 --- a/src/components/Icon/index.tsx +++ b/src/components/Icon/index.tsx @@ -37,6 +37,7 @@ import AppleLoginIcon from './AppleLoginIcon'; import EllipseCameraIcon from './EllipseCameraIcon'; import InputArrowDownIcon from './InputArrowDownIcon'; import InputCloseCircleIcon from './InputCloseCircleIcon'; +import InquiredChannelIcon from './InquiredChannelIcon'; import KakaoLoginIcon from './KakaoLoginIcon'; import NormalCalender from './NormalCalenderIcon'; import NormalClose from './NormalClose'; @@ -72,6 +73,7 @@ export const IconComponentMap = { 'normal-close': NormalClose, 'input-close-circle': InputCloseCircleIcon, 'input-arrow-down': InputArrowDownIcon, + 'inquired-channel': InquiredChannelIcon, refresh: RefreshIcon, 'plus-circle-large': PlusCircleLarge, '10mm-symbol': TENMMSymbolIcon, diff --git a/src/pages/mypage/setting_and_private/MenuList.tsx b/src/pages/mypage/setting_and_private/MenuList.tsx index 5ea929b4..3c6d491b 100644 --- a/src/pages/mypage/setting_and_private/MenuList.tsx +++ b/src/pages/mypage/setting_and_private/MenuList.tsx @@ -9,6 +9,8 @@ import { flex } from '@/styled-system/patterns'; function MenuList() { const { isOpen, openModal, closeModal } = useModal(); + const inquiredChannelUrl = 'https://forms.gle/pGRPA3NmUCHghbJM6'; + const onLogoutClick = () => { openModal(); }; @@ -16,6 +18,7 @@ function MenuList() { return (