Tạo UI cho người dùng tạo Tour

App.tsx

@@ -3,6 +3,7 @@ import { LandingPage } from './LandingPage.js';
 import { TourDetailPage } from './TourDetailPage.js';
 import { ExploreMap } from './ExploreMap.js';
 import { SignupPage } from './SignupPage.js';
+import { useTourStore } from './useTourStore.js';
 
 const App = () => {
   type View = 'landing' | 'explore' | 'detail' | 'signup';
@@ -10,6 +11,7 @@ const App = () => {
   const [isInitialSetup, setIsInitialSetup] = useState(false);
   const [user, setUser] = useState<any>(null);
   const [isUserLoaded, setIsUserLoaded] = useState(false); // Trạng thái để biết user đã được load từ localStorage chưa
+  const fetchTour = useTourStore(state => state.fetchTour);
 
   useEffect(() => {
     // Tự động xác định địa chỉ IP của Backend dựa trên hostname hiện tại
@@ -72,11 +74,15 @@ const App = () => {
           onBack={() => setView('landing')} 
           onLogout={user ? handleLogout : undefined}
           user={user}
+          onViewTour={(id) => {
+            fetchTour(id);
+            setView('detail');
+          }}
         />
       )}
 
       {view === 'detail' && (
-        <TourDetailPage />
+        <TourDetailPage onBack={() => setView('explore')} />
       )}
     </div>
   );