Thêm tính năng pending khi một thành viên thêm một người khác vào

useTourStore.ts

@@ -22,12 +22,16 @@ interface TourState {
   updateTourStartPoint: (tourId: string, data: any) => Promise<void>;
   updateTourEndPoint: (tourId: string, data: any) => Promise<void>;
   optimizeRouting: (legId: string) => Promise<void>;
-  addMember: (tourId: string, member: { userId: string; role?: string }) => Promise<void>;
+  addMember: (tourId: string, member: { userId: string; role?: string }) => Promise<any>;
   removeMember: (tourId: string, userId: string) => Promise<void>;
   setActiveLegId: (id: string | null) => void;
   setMapCenter: (pos: [number, number]) => void;
   fetchTour: (id: string) => Promise<void>;
   fetchPublicTours: () => Promise<void>;
+  createJoinRequest: (tourId: string, userId?: string) => Promise<any>;
+  fetchJoinRequests: (tourId: string) => Promise<any[]>;
+  acceptJoinRequest: (tourId: string, requestId: string) => Promise<any>;
+  rejectJoinRequest: (tourId: string, requestId: string) => Promise<any>;
 }
 
 export const useTourStore = create<TourState>((set, get) => ({
@@ -94,7 +98,13 @@ export const useTourStore = create<TourState>((set, get) => ({
       },
       body: JSON.stringify(tourData),
     });
-    return await response.json();
+    if (!response.ok) {
+      const data = await response.json().catch(() => ({}));
+      throw new Error(data.message || data.error || 'Lỗi khi tạo Tour');
+    }
+    const tour = await response.json();
+    await get().fetchPublicTours();
+    return tour;
   },
   updateTour: async (id: string, data: any) => {
     const API_BASE = `http://${window.location.hostname}:3001`;
@@ -292,7 +302,69 @@ export const useTourStore = create<TourState>((set, get) => ({
       },
       body: JSON.stringify(member),
     });
-    if (!response.ok) throw new Error('Lỗi khi thêm thành viên');
+    if (!response.ok) {
+      const data = await response.json().catch(() => ({}));
+      throw new Error(data.message || data.error || 'Lỗi khi thêm thành viên');
+    }
+    const { currentTour } = get();
+    if (currentTour) get().fetchTour(currentTour.id);
+  },
+  createJoinRequest: async (tourId: string, userId?: string) => {
+    const API_BASE = `http://${window.location.hostname}:3001`;
+    const response = await fetch(`${API_BASE}/api/v1/tours/${tourId}/join-requests`, {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+        Authorization: `Bearer ${localStorage.getItem('token')}`
+      },
+      body: JSON.stringify({ userId }),
+    });
+    if (!response.ok) {
+      const data = await response.json().catch(() => ({}));
+      throw new Error(data.message || data.error || 'Lỗi khi tạo yêu cầu tham gia');
+    }
+    return response.json();
+  },
+  fetchJoinRequests: async (tourId: string) => {
+    const API_BASE = `http://${window.location.hostname}:3001`;
+    const response = await fetch(`${API_BASE}/api/v1/tours/${tourId}/join-requests`, {
+      headers: {
+        Authorization: `Bearer ${localStorage.getItem('token')}`
+      }
+    });
+    if (!response.ok) {
+      const data = await response.json().catch(() => ({}));
+      throw new Error(data.message || data.error || 'Lỗi khi tải yêu cầu tham gia');
+    }
+    return response.json();
+  },
+  acceptJoinRequest: async (tourId: string, requestId: string) => {
+    const API_BASE = `http://${window.location.hostname}:3001`;
+    const response = await fetch(`${API_BASE}/api/v1/tours/${tourId}/join-requests/${requestId}/accept`, {
+      method: 'POST',
+      headers: {
+        Authorization: `Bearer ${localStorage.getItem('token')}`
+      }
+    });
+    if (!response.ok) {
+      const data = await response.json().catch(() => ({}));
+      throw new Error(data.message || data.error || 'Lỗi khi chấp nhận yêu cầu');
+    }
+    const { currentTour } = get();
+    if (currentTour) get().fetchTour(currentTour.id);
+  },
+  rejectJoinRequest: async (tourId: string, requestId: string) => {
+    const API_BASE = `http://${window.location.hostname}:3001`;
+    const response = await fetch(`${API_BASE}/api/v1/tours/${tourId}/join-requests/${requestId}/reject`, {
+      method: 'POST',
+      headers: {
+        Authorization: `Bearer ${localStorage.getItem('token')}`
+      }
+    });
+    if (!response.ok) {
+      const data = await response.json().catch(() => ({}));
+      throw new Error(data.message || data.error || 'Lỗi khi từ chối yêu cầu');
+    }
     const { currentTour } = get();
     if (currentTour) get().fetchTour(currentTour.id);
   },