Sửa đổi dữ liệu của hệ thống theo ARCHITECTURE.md

TourDetailPage.tsx

@@ -13,12 +13,24 @@ import {
 
 export const TourDetailPage = () => {
   const [activeTab, setActiveTab] = useState<'plan' | 'expense' | 'photo'>('plan');
-  const { currentTour, fetchTour, userRole } = useTourStore();
+  const { currentTour, fetchTour, fetchPublicTours, publicTours, userRole } = useTourStore();
 
   useEffect(() => {
-    // Gọi ID 1 (Dữ liệu từ file seed) để kiểm tra
-    fetchTour(1);
-  }, [fetchTour]);
+    const loadData = async () => {
+      // Nếu chưa có tour nào trong store, thử tải danh sách public trước
+      if (publicTours.length === 0) {
+        await fetchPublicTours();
+      }
+    };
+    loadData();
+  }, []);
+
+  useEffect(() => {
+    // Lấy tour đầu tiên từ danh sách khám phá để hiển thị demo
+    if (publicTours.length > 0 && !currentTour) {
+      fetchTour(publicTours[0].id);
+    }
+  }, [publicTours, currentTour, fetchTour]);
 
   // Định nghĩa các tab dựa trên quyền hạn (RBAC) từ store
   const tabs = [