Merge pull request #99 from gyoyeon-kim/card-table

[Feat] Moadal : 초대받은 대시보드

Author: ozen0718

src/api/apiRoutes.ts

@@ -26,7 +26,7 @@ export const apiRoutes = {
   DashboardInviteDelete: (dashboardId: number, invitationId: number) =>
     `/${TEAM_ID}/dashboards/${dashboardId}/invitations/${invitationId}`, //delete
   //초대 받은 대시보드
-  Invitations: () => `/${TEAM_ID}/members`, //get
+  Invitations: () => `/${TEAM_ID}/invitations`, //get
   invitationDetail: (invitationId: number) =>
     `/${TEAM_ID}/invitations/${invitationId}`, //put
   // [Members]

src/api/axiosInstance.ts

@@ -9,9 +9,9 @@ const axiosInstance = axios.create({
 
 // ✅ Authorization 헤더 자동 추가
 axiosInstance.interceptors.request.use((config) => {
-  const token = localStorage.getItem("accessToken");
+  const token = localStorage.getItem("accessToken"); // localStorage에서 토큰 가져오기
   if (token) {
-    config.headers.Authorization = `Bearer ${token}`;
+    config.headers.Authorization = `Bearer ${token}`; // 헤더에 Authorization 추가
   }
   return config;
 });

src/api/user.ts

@@ -7,6 +7,8 @@ interface UserResponse {
   profileImageUrl: string;
   createdAt: string;
   updatedAt: string;
+  isOwner?: boolean;
+  userId?: number;
 }
 
 export const getUserInfo = async ({ teamId }: { teamId: string }) => {

src/components/modal/ChangeBebridge.tsx

@@ -68,11 +68,13 @@ const ChangeBebridge = () => {
 
   return (
     <div className="sm:w-[620px] sm:h-[344px] w-[327px] h-[312px] bg-white sm:rounded-[16px] rounded-[8px] p-[24px] flex flex-col">
-      <h2 className="text-sm sm:text-[24px] font-bold">비브리지</h2>
+      <h2 className="text-sm sm:text-[24px] font-bold">
+        {dashboardDetail.title}
+      </h2>
       <Input
         type="text"
         onChange={setTitle}
-        label={`대시보드 이름 : ${dashboardDetail?.title || ""}`}
+        label="대시보드 이름"
         labelClassName="text-lg sm:text-base text-black3 mt-6"
         placeholder="뉴프로젝트"
         className="max-w-[620px] mb-1"

src/components/modal/InviteDashboard.tsx

@@ -39,14 +39,18 @@ export default function InviteDashboard({ onClose }: { onClose?: () => void }) {
           alert("초대 권한이 없습니다.");
         } else if (error.response?.status === 404) {
           alert("대시보드 또는 유저가 존재하지 않습니다.");
+        } else if (error.response?.status === 409) {
+          alert("이미 대시보드에 초대된 멤버입니다.");
         } else {
           alert("오류가 발생했습니다.");
         }
+        // Next.js가 감지하기 전에 강제 새로고침 실행 > 추후 더 좋은 방법 있으면 변경
+        setTimeout(() => {
+          window.location.reload();
+        }, 50);
       } else {
         alert("네트워크 오류가 발생했습니다.");
       }
-
-      window.location.reload();
     }
   };
 

src/components/modal/NewDashboard.tsx

@@ -10,7 +10,7 @@ export default function NewDashboard({ onClose }: { onClose?: () => void }) {
 
   const colors = ["#7ac555", "#760DDE", "#FF9800", "#76A5EA", "#E876EA"];
 
-  const token = process.env.NEXT_PUBLIC_API_TOKEN;
+  const token = localStorage.getItem("accessToken");
 
   const handleSubmit = async () => {
     const payload = {

src/components/table/invited/EmptyInvitations.tsx

@@ -1,6 +1,6 @@
 function EmptyInvitations() {
   return (
-    <div className="relative sm:w-[960px] w-[260px] sm:h-[390px] h:[327px]  rounded-[16px] sm:p-[24px_40px_120px_40px] p-[24px_20px_80px_20px]  bg-white shadow-md  mx-auto">
+    <div className="relative sm:w-[960px] w-[260px] sm:h-[390px] h:[327px]  rounded-[16px] sm:p-[24px_40px_120px_40px] p-[24px_20px_80px_20px]  bg-white shadow-md">
       <div className="flex justify-between ">
         <p className="sm:text-2xl text-sm font-bold mb-4 ">초대받은 대시보드</p>
       </div>