feat: dynamic guide sections, extended gallery management API, and fl…

src/app/app.tsx

@@ -3,7 +3,7 @@ import { QueryClientProvider } from "@tanstack/react-query";
 import { queryClient } from "../shared/config/queryClient";
 import { SocketProvider } from "../shared/providers/socket-provider";
 import { AuthProvider } from "../shared/providers/auth-provider";
-import { TooltipProvider } from "../shared/ui";
+import { TooltipProvider, Toaster } from "../shared/ui";
 import "./styles/index.css";
 
 import MainLayout from "../widgets/layout/main-layout";
@@ -24,6 +24,7 @@ function App() {
       <AuthProvider>
         <SocketProvider>
           <TooltipProvider>
+            <Toaster />
             <Router>
               <Routes>
                 <Route element={<MainLayout />}>
@@ -33,6 +34,7 @@ function App() {
                   <Route path="/stats" element={<Stats />} />
                   <Route path="/feed" element={<Feed />} />
                   <Route path="/gallery" element={<Gallery />} />
+                  <Route path="/gallery/:season" element={<Gallery />} />
                   <Route path="/map" element={<Map />} />
                 </Route>
                 <Route path="/admin" element={<CmsLayout />}>

src/features/cms-gallery/api/use-cms-gallery.ts

@@ -9,7 +9,7 @@ export const useCmsGallery = () => {
     mutationFn: async ({ season, photos }: { season: string; photos: File[] }) => {
       const formData = new FormData();
       photos.forEach((photo) => formData.append('photos', photo));
-      const response = await api.post(`/add/gallery/${season}`, formData);
+      const response = await api.post(`/add/gallery/${encodeURIComponent(season)}`, formData);
       return response.data;
     },
     onSuccess: () => {
@@ -27,7 +27,7 @@ export const useCmsGallery = () => {
       // According to backend: apiRouter.post("/delete/gallery/:season/:photo", verify, handleGalleryDelete);
       // We need to encode the key if it contains slashes
       const encodedKey = encodeURIComponent(photoKey);
-      const response = await api.post(`/delete/gallery/${season}/${encodedKey}`);
+      const response = await api.post(`/delete/gallery/${encodeURIComponent(season)}/${encodedKey}`);
       return response.data;
     },
     onSuccess: () => {
@@ -39,10 +39,66 @@ export const useCmsGallery = () => {
     },
   });
 
+  const createSeasonMutation = useMutation({
+    mutationFn: async ({ season, cover }: { season: string; cover: File | null }) => {
+      const formData = new FormData();
+      formData.append('season', season);
+      if (cover) {
+        formData.append('cover', cover);
+      }
+      const response = await api.post('/gallery/season', formData);
+      return response.data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['gallery'] });
+      toast.success('Season created successfully');
+    },
+    onError: (error: any) => {
+      toast.error(error.response?.data?.message || 'Failed to create season');
+    },
+  });
+
+  const deleteSeasonMutation = useMutation({
+    mutationFn: async (season: string) => {
+      const response = await api.delete(`/gallery/season/${encodeURIComponent(season)}`);
+      return response.data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['gallery'] });
+      toast.success('Season deleted successfully');
+    },
+    onError: (error: any) => {
+      toast.error(error.response?.data?.message || 'Failed to delete season');
+    },
+  });
+
+  const updateSeasonMutation = useMutation({
+    mutationFn: async ({ oldSeason, newSeason, cover }: { oldSeason: string; newSeason?: string; cover?: File | null }) => {
+      const formData = new FormData();
+      if (newSeason) formData.append('season', newSeason);
+      if (cover) formData.append('cover', cover);
+      const response = await api.patch(`/gallery/season/${encodeURIComponent(oldSeason)}`, formData);
+      return response.data;
+    },
+    onSuccess: () => {
+      queryClient.invalidateQueries({ queryKey: ['gallery'] });
+      toast.success('Season updated successfully');
+    },
+    onError: (error: any) => {
+      toast.error(error.response?.data?.message || 'Failed to update season');
+    },
+  });
+
   return {
     addPhotos: addPhotosMutation.mutateAsync,
     isAdding: addPhotosMutation.isPending,
     deletePhoto: deletePhotoMutation.mutateAsync,
     isDeleting: deletePhotoMutation.isPending,
+    createSeason: createSeasonMutation.mutateAsync,
+    isCreatingSeason: createSeasonMutation.isPending,
+    deleteSeason: deleteSeasonMutation.mutateAsync,
+    isDeletingSeason: deleteSeasonMutation.isPending,
+    updateSeason: updateSeasonMutation.mutateAsync,
+    isUpdatingSeason: updateSeasonMutation.isPending,
   };
 };