Merge pull request #149 from part3-4team-Taskify/feature/Gnb

[Fix] 대시보드 api 호출 에러 fix

Author: MINJI121

src/components/gnb/MembersProfileIconList.tsx

@@ -42,7 +42,7 @@ export const MembersProfileIconList: React.FC<MemberIconProps> = ({
           {members.slice(0, maxVisibleMembers).map((member) => (
             <div key={member.id} className="relative rounded-full">
               {member.profileImageUrl ? (
-                <div className="relative w-[34px] h-[34px] md:w-[38px] md:h-[38px] rounded-full border-[2px] border-white overflow-hidden">
+                <div className="relative flex items-center justify-center w-[34px] h-[34px] md:w-[38px] md:h-[38px] rounded-full border-[2px] border-white overflow-hidden">
                   <Image
                     src={member.profileImageUrl}
                     alt={member.nickname}
@@ -51,7 +51,9 @@ export const MembersProfileIconList: React.FC<MemberIconProps> = ({
                   />
                 </div>
               ) : (
-                <RandomProfile name={member.nickname} />
+                <div className="relative flex items-center justify-center w-[34px] h-[34px] md:w-[38px] md:h-[38px] rounded-full border-[2px] border-white overflow-hidden">
+                  <RandomProfile name={member.nickname} />
+                </div>
               )}
             </div>
           ))}

src/components/gnb/ProfileIcon.tsx

@@ -10,7 +10,7 @@ interface MemberIconProps {
 }
 
 export const MemberProfileIcon: React.FC<MemberIconProps> = ({ members }) => (
-  <div className="relative w-[34px] h-[34px] md:w-[38px] md:h-[38px] rounded-full overflow-hidden">
+  <div className="relative flex items-center justify-center w-[34px] h-[34px] md:w-[38px] md:h-[38px] rounded-full border-[2px] border-white overflow-hidden">
     {members.profileImageUrl ? (
       <Image
         src={members.profileImageUrl}

src/components/modal/DeleteModal.tsx

@@ -56,7 +56,7 @@ export const DeleteModal: React.FC<DeleteModalProps> = ({
                 setIsConfirmDeleteModalOpen(true); // 재확인 모달 오픈
               } else {
                 handleLeave(); // 탈퇴일 때는 바로 닫힘
-                toast.success("대시보드 탈퇴가 완료되었습니다.");
+                toast.error("현재 탈퇴 기능이 준비 중입니다.");
               }
             }}
             className="cursor-pointer bg-[var(--primary)] text-white px-3 py-1 rounded-md w-[84px] h-[32px]"

src/components/modal/NewDashboard.tsx

@@ -2,6 +2,8 @@ import { useState } from "react";
 import Input from "../input/Input";
 import Image from "next/image";
 import axios from "axios";
+import { createDashboard } from "@/api/dashboards";
+import { TEAM_ID } from "@/constants/team";
 
 interface Dashboard {
   id: number;
@@ -39,17 +41,7 @@ export default function NewDashboard({
 
     try {
       setLoading(true);
-      const response = await axios.post(
-        `${process.env.NEXT_PUBLIC_BASE_URL}/${teamId}/dashboards`,
-        payload,
-        {
-          headers: {
-            Authorization: `Bearer ${token}`,
-            "Content-Type": "application/json",
-          },
-        }
-      );
-
+      const response = await createDashboard(payload);
       onCreate?.(response.data);
       onClose?.();
     } catch {

src/components/table/member/RandomProfile.tsx

@@ -15,7 +15,7 @@ export default function RandomProfile({ name, index }: RandomProfileProps) {
 
   return (
     <div
-      className={`flex items-center justify-center text-white font-16sb rounded-full ${bgColor} w-[34px] h-[34px] md:w-[38px] md:h-[38px] border-[2px]`}
+      className={`flex items-center justify-center text-white font-16sb rounded-full ${bgColor} w-[34px] h-[34px] md:w-[38px] md:h-[38px]`}
     >
       {name[0]}
     </div>

src/pages/mydashboard.tsx

@@ -119,9 +119,6 @@ export default function MyDashboardPage() {
 
   const handleLeave = () => {
     if (!selectedDashboardId) return;
-    setDashboardList((prev) =>
-      prev.filter((d) => d.id !== selectedDashboardId)
-    );
     setIsDeleteModalOpen(false);
     setSelectedDashboardId(null);
   };
@@ -156,7 +153,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 bg-[var(--color-white)]"
+              className="w-full max-w-[332px] px-4 py-2 border border-[var(--color-gray3)] rounded-md outline-none bg-[var(--color-white)]"
             />
           </section>