navigate to create-itinerary

src/pages/ItineraryViewPage.tsx

@@ -8,7 +8,7 @@ import Navbar from '../components/Navbar';
 import { Footer } from '../components/Footer';
 import { ImageWithFallback } from '../components/figma/ImageWithFallback';
 import { useGetItineraryDetailsByIdQuery } from '../Redux/services/itinerary.service';
-import { useParams } from 'react-router-dom';
+import { useNavigate, useParams } from 'react-router-dom';
 import LoadingSpinner from '../components/LoadingSpinner';
 
 interface ItineraryViewPageProps {
@@ -65,6 +65,7 @@ export function ItineraryViewPage({
   user
 }: ItineraryViewPageProps) {
   const [viewMode, setViewMode] = useState<'daily' | 'summary'>('daily');
+  const navigate = useNavigate();
   // const [favorites, setFavorites] = useState<Set<string>>(new Set());
 
   // ── API Integration ──────────────────────────────────────────────────────────
@@ -76,17 +77,7 @@ export function ItineraryViewPage({
   const summaries = generatedItinerary?.summary ?? [];
   // ─────────────────────────────────────────────────────────────────────────────
 
-  // const toggleFavorite = (activityKey: string) => {
+
-  //   setFavorites(prev => {
-  //     const newSet = new Set(prev);
-  //     if (newSet.has(activityKey)) {
-  //       newSet.delete(activityKey);
-  //     } else {
-  //       newSet.add(activityKey);
-  //     }
-  //     return newSet;
-  //   });
-  // };
 
   // ── Loading State ─────────────────────────────────────────────────────────────
   if (isLoading) {
@@ -463,7 +454,7 @@ export function ItineraryViewPage({
             >
               <Button
                 variant="outline"
-                onClick={onCreateItineraryClick}
+                onClick={()=>navigate(`/create-itinerary`)}
                 className="font-poppins font-medium px-8 py-3 text-lg"
               >
                 <Heart className="w-5 h-5 mr-2" />