Merge pull request #146 from part3-4team-Taskify/sidemenu03

[Fix] vercel 오류 수정및 사이드메뉴, 나의 대쉬보드 수정

Author: MINJI121

src/api/statusOptions.ts

@@ -8,6 +8,11 @@ export interface StatusOption {
   value: number;
 }
 
+interface Column {
+  id: number;
+  title: string;
+}
+
 export const useStatusOptions = () => {
   const router = useRouter();
   const [statusOptions, setStatusOptions] = useState<StatusOption[]>([]);
@@ -28,7 +33,7 @@ export const useStatusOptions = () => {
           params: { dashboardId },
         });
 
-        const options = res.data.data.map((col: any) => ({
+        const options = (res.data.data as Column[]).map((col) => ({
           label: col.title,
           value: col.id,
         }));

src/components/modalInput/StatusSelect.tsx

@@ -3,13 +3,18 @@ import clsx from "clsx";
 import Image from "next/image";
 import { useRouter } from "next/router";
 import axiosInstance from "@/api/axiosInstance";
-import { TEAM_ID } from "@/constants/team"; // ✅ 전역 team ID 사용
+import { TEAM_ID } from "@/constants/team";
 
 export interface StatusOption {
   label: string;
   value: number;
 }
 
+interface Column {
+  id: number;
+  title: string;
+}
+
 interface StatusSelectProps {
   value: string;
   onChange: (value: string) => void;
@@ -42,14 +47,13 @@ export default function StatusSelect({
 
     const loadOptions = async () => {
       try {
-        // ✅ 경로에 teamId 직접 넣기 (문자열 리터럴)
         const res = await axiosInstance.get(`/${TEAM_ID}/columns`, {
           params: { dashboardId },
         });
 
         console.log("✅ 상태 목록 응답:", res.data);
 
-        const options = res.data.data.map((col: any) => ({
+        const options = (res.data.data as Column[]).map((col) => ({
           label: col.title,
           value: col.id,
         }));

src/components/sideMenu/SideMenu.tsx

@@ -27,8 +27,7 @@ export default function SideMenu({
   onCreateDashboard,
 }: SideMenuProps) {
   const router = useRouter();
-  const { boardid } = router.query;
-  const boardId = parseInt(boardid as string);
+  const boardId = router.query.dashboardId?.toString(); // ✅ 여기만 정확히 수정
 
   const [currentPage, setCurrentPage] = useState(1);
   const [isCollapsed, setIsCollapsed] = useState(false);
@@ -84,6 +83,7 @@ export default function SideMenu({
         <div
           className={clsx(
             "md:flex",
+            "hidden sm:flex",
             isCollapsed ? "justify-center" : "justify-end",
             "w-full"
           )}
@@ -149,7 +149,6 @@ export default function SideMenu({
             </div>
           )}
 
-          {/* ✅ 접힌 상태에서 아이콘만 있는 추가 버튼 로고 아래로 */}
           {isCollapsed && (
             <div className="flex justify-center mb-4">
               <button
@@ -180,9 +179,9 @@ export default function SideMenu({
               <li
                 key={dashboard.id}
                 className={clsx(
-                  "w-full flex justify-center md:justify-start p-3 font-18m text-[var(--color-black)] transition-colors duration-200",
-                  dashboard.id === boardId &&
-                    "bg-[var(--primary)] text-white rounded-lg"
+                  "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"
                 )}
               >
                 <Link

src/pages/mydashboard.tsx

@@ -156,7 +156,7 @@ export default function MyDashboardPage() {
                 setCurrentPage(1);
               }}
               placeholder="대시보드 이름을 입력하세요"
-              className="w-full max-w-[332px] px-4 py-2 border border-[var(--color-gray3)] border rounded-md outline-none"
+              className="w-full max-w-[332px] px-4 py-2 border border-[var(--color-gray3)] border rounded-md outline-none bg-[var(--color-white)]"
             />
           </section>
 
@@ -193,7 +193,7 @@ export default function MyDashboardPage() {
           )}
 
           {/* 초대받은 대시보드 */}
-          <section className="w-full px-[25px]">
+          <section className="w-full px-[20px]">
             <div className="mt-[74px]">
               <InvitedDashBoard />
             </div>