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 (
+
{/**/}
@@ -43,12 +46,13 @@ interface MenuItemProps {
name: string;
iconName: keyof typeof IconComponentMap;
url: string;
+ target?: string;
onClick?: () => void;
}
function MenuItem(props: MenuItemProps) {
return (
-
+
-
{props.name}