feat: 문의하기 버튼 추가

Author: jw0202058

src/features/my/components/MyTrade/index.tsx

@@ -3,17 +3,31 @@ import * as s from './style.css';
 import { Link } from 'react-router';
 import { usePostLogout } from '../../apis/usePostLogout';
 import { useToast } from '@/common/hooks/useToast';
+import { REPICKA_INSTAGRAM } from '@/libs/constants';
 
 interface MenuProps {
   Title: string;
   Icon: string;
   Addr: string;
+  Link?: string;
 }
 
 const Menu = ({ Title, Icon, Addr }: MenuProps) => {
   const { mutate: postLogout } = usePostLogout();
   const { openToast } = useToast();
 
+  if (Title === '문의하기') {
+    return (
+      <a href={REPICKA_INSTAGRAM} target="_blank" rel="noopener noreferrer" className={s.GoMenu}>
+        <div className={s.MenuContent}>
+          <span className={cx(`${Icon}`)} />
+          {Title}
+        </div>
+        <div className={cx('mgc_right_line', s.Icon)} />
+      </a>
+    );
+  }
+
   if (Title !== '로그아웃') {
     return (
       <Link className={s.GoMenu} to={Addr}>
@@ -53,6 +67,7 @@ const MyTrade = () => {
       <div className={s.Menu}>
         <Menu Icon="mgc_heart_fill" Title="관심 목록" Addr="/liked" />
         <Menu Icon="mgc_shopping_bag_1_fill" Title="나의 판매 내역" Addr="/my-trade" />
+        <Menu Icon="mgc_instagram_line" Title="문의하기" Addr="/my-trade" />
         <Menu Icon="mgc_exit_fill" Title="로그아웃" Addr="/my-trade" />
       </div>
     </div>

src/libs/constants/index.ts

@@ -1,4 +1,6 @@
 export const VERSION_NAME = 'v1.0.2';
+export const REPICKA_INSTAGRAM =
+  'https://www.instagram.com/repicka.shop?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==';
 
 export const MAX_PRICE = 999999;
 export const MAX_LOCATION = 100;