✨ 글쓰기 버튼 클릭 시 /post로 이동

boostcampwm2023 · Nov 22, 2023 · 547eccb · 547eccb
1 parent d6f4aeb
commit 547eccb
Showing 1 changed file with 15 additions and 1 deletion.
diff --git a/app/frontend/src/components/Mogaco/MogacoListHeader.tsx b/app/frontend/src/components/Mogaco/MogacoListHeader.tsx
@@ -1,16 +1,30 @@
+import { useNavigate } from 'react-router-dom';
+
 import { Button } from '@/components';
+import { PATH } from '@/constants';
 
 import * as styles from './MogacoListHeader.css';
 
 export function MogacoListHeader() {
+  const navigate = useNavigate();
+  const onClickPost = () => {
+    navigate(PATH.POST);
+  };
+
   return (
     <div className={styles.container}>
       <div className={styles.filter}>
         <span className={styles.selected}>전체</span>
         <span>모집 중</span>
         <span>모집 마감</span>
       </div>
-      <Button size="medium" type="button" theme="primary" shape="fill">
+      <Button
+        size="medium"
+        type="button"
+        theme="primary"
+        shape="fill"
+        onClick={onClickPost}
+      >
         글쓰기
       </Button>
     </div>