Merge pull request #148 from part3-4team-Taskify/vercel03

[Fix] 버셀 오류 수정

Author: MINJI121

src/components/modal/NewDashboard.tsx

@@ -2,7 +2,6 @@ import { useState } from "react";
 import Input from "../input/Input";
 import Image from "next/image";
 import axios from "axios";
-import { TEAM_ID } from "@/constants/team";
 
 interface Dashboard {
   id: number;
@@ -14,13 +13,17 @@ interface Dashboard {
   createdByMe: boolean;
 }
 
+interface NewDashboardProps {
+  teamId: string;
+  onClose?: () => void;
+  onCreate?: (newDashboard: Dashboard) => void;
+}
+
 export default function NewDashboard({
+  teamId,
   onClose,
   onCreate,
-}: {
-  onClose?: () => void;
-  onCreate?: (newDashboard: Dashboard) => void;
-}) {
+}: NewDashboardProps) {
   const [title, setTitle] = useState("");
   const [selected, setSelected] = useState<number | null>(null);
   const [loading, setLoading] = useState(false);
@@ -37,7 +40,7 @@ export default function NewDashboard({
     try {
       setLoading(true);
       const response = await axios.post(
-        `${process.env.NEXT_PUBLIC_BASE_URL}/${TEAM_ID}/dashboards`,
+        `${process.env.NEXT_PUBLIC_BASE_URL}/${teamId}/dashboards`,
         payload,
         {
           headers: {

src/components/sideMenu/SideMenu.tsx

@@ -23,11 +23,12 @@ interface SideMenuProps {
 }
 
 export default function SideMenu({
+  teamId,
   dashboardList,
   onCreateDashboard,
 }: SideMenuProps) {
   const router = useRouter();
-  const boardId = router.query.dashboardId?.toString(); // ✅ 여기만 정확히 수정
+  const boardId = router.query.dashboardId?.toString();
 
   const [currentPage, setCurrentPage] = useState(1);
   const [isCollapsed, setIsCollapsed] = useState(false);
@@ -79,10 +80,9 @@ export default function SideMenu({
           />
         </Link>
 
-        {/* 접기/펼치기 버튼 */}
+        {/* 접기/펼치기 버튼 (모바일에서는 숨김) */}
         <div
           className={clsx(
-            "md:flex",
             "hidden sm:flex",
             isCollapsed ? "justify-center" : "justify-end",
             "w-full"
@@ -181,7 +181,7 @@ export default function SideMenu({
                 className={clsx(
                   "w-full flex justify-center md:justify-start p-3 font-18r text-[var(--color-gray1)] transition-colors duration-200",
                   dashboard.id.toString() === boardId &&
-                    "bg-[var(--color-violet8)] text-[var(--color-gray1)] rounded-sm"
+                    "bg-[var(--color-violet8)] text-[var(--color-black)] font-semibold rounded-l-xl"
                 )}
               >
                 <Link
@@ -240,6 +240,7 @@ export default function SideMenu({
         {/* 모달 */}
         {isModalOpen && (
           <NewDashboard
+            teamId={teamId}
             onClose={() => setIsModalOpen(false)}
             onCreate={(newDashboard) => {
               onCreateDashboard?.(newDashboard);

src/pages/mydashboard.tsx

@@ -203,10 +203,12 @@ export default function MyDashboardPage() {
 
       {isModalOpen && (
         <NewDashboard
+          teamId={TEAM_ID} // ✅ 수정된 부분: teamId 전달
           onClose={() => {
             setIsModalOpen(false);
             fetchDashboards();
           }}
+          onCreate={() => fetchDashboards()}
         />
       )}