Feat/129/Implement Timeline Management UI for Chronology Block

src/app/common/constants/frontend-routes.constants.ts

@@ -11,6 +11,7 @@ const FRONTEND_ROUTES = {
         TEAM: '/admin-panel/team',
         ANALYTICS: '/admin-panel/analytics',
         NEWS: '/admin-panel/news',
+        CHRONOLOGY: '/admin-panel/chronology',
     },
     OTHER_PAGES: {
         CATALOG: '/catalog',

src/app/router/Routes.tsx

@@ -9,6 +9,7 @@ import PartnersPage from '@/features/AdditionalPages/PartnersPage/Partners.compo
 import AdminPage from '@/features/AdminPage/AdminPage.component';
 import Partners from '@/features/AdminPage/PartnersPage/Partners.component';
 import TeamPage from '@/features/AdminPage/TeamPage/TeamPage.component';
+import ChronologyPage from '@/features/AdminPage/ChronologyPage/ChronologyPage.component';
 import StreetcodeCatalog from '@/features/StreetcodeCatalogPage/StreetcodeCatalog.component';
 import NewsPage from '@/features/AdditionalPages/NewsPage/News.component';
 import ContactUs from '@/features/AdditionalPages/ContactUsPage/ContanctUs.component';
@@ -41,6 +42,10 @@ const router = createBrowserRouter(createRoutesFromElements(
                     <TeamPage />
             )}
         />
+        <Route
+            path={FRONTEND_ROUTES.ADMIN.CHRONOLOGY}
+            element={<ChronologyPage />}
+        />
         <Route path="*" element={<NotFound />} />
         <Route path={FRONTEND_ROUTES.OTHER_PAGES.PARTNERS} element={<PartnersPage />} />
         <Route path={FRONTEND_ROUTES.OTHER_PAGES.CONTACT_US} element={<ContactUs />} />

src/app/stores/timeline-store.ts

@@ -109,6 +109,13 @@ export default class TimelineStore {
         } catch (error: unknown) { /* empty */ }
     };
 
+    public fetchAllTimelineItems = async () => {
+        try {
+            const timelineItems = await timelineApi.getAll();
+            this.setInternalMap(timelineItems);
+        } catch (error: unknown) { /* empty */ }
+    };
+
     public createTimelineItem = async (timelineItem: TimelineItem) => {
         try {
             await timelineApi.create(timelineItem);

src/features/AdminPage/AdminBar.component.tsx

@@ -7,6 +7,7 @@ const AdminBar = () => (
         <Link className="Link" to={FRONTEND_ROUTES.ADMIN.FOR_FANS}>Для фанів</Link>
         <Link className="Link" to={FRONTEND_ROUTES.ADMIN.PARTNERS}>Партнери</Link>
         <Link className="Link" to={FRONTEND_ROUTES.ADMIN.TEAM}>Команда</Link>
+        <Link className="Link" to={FRONTEND_ROUTES.ADMIN.CHRONOLOGY}>Хронологія</Link>
     </div>   
 );