integrate api to show itineraries in profile acc to the city selected

src/Redux/services/itinerary.service.ts

@@ -8,8 +8,6 @@ export const itineraryApi = createApi({
 
     endpoints: (builder) => ({
 
-
-
         createMagicItinerary: builder.mutation({
             query: (itineraryDetails) => ({ // keep the name of the variables being passed here same as when calling the mutation hook
                 url: `/website/itinerary`,
@@ -24,7 +22,12 @@ export const itineraryApi = createApi({
         }),
 
         getUserItineraries: builder.query({
-            query: () => `/website/itinerary/all-initineraries`,
+            query: (cityId) => {
+                const params = new URLSearchParams()
+
+                params.append('cityXid', cityId);
+                return `/website/itinerary/all-initineraries/?${params.toString()}`
+            }
         }),
 
     })

src/pages/ProfilePage.tsx

@@ -107,7 +107,7 @@ export function ProfilePage({
   const { data: userDetails, isLoading } = useGetUserProfileDetailsQuery(userId)
   const [updateUserProfileDetails, { isLoading: savingChanges }] = useUpdateUserProfileDetailsMutation();
   const { data, isLoading: loadingCards } = useGetUserCardsQuery({sort,cityId})
-  const { data: userItineraries, isLoading: loadingItineraries } = useGetUserItinerariesQuery({})
+  const { data: userItineraries, isLoading: loadingItineraries } = useGetUserItinerariesQuery(cityId)
 
   const cards = data ?? []
   const itineraries = userItineraries?.itineraries ?? []