de day #74

frontend/src/App.tsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import { ChakraProvider, extendTheme } from '@chakra-ui/react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { BrowserRouter as Router, Routes, Route, Navigate, Outlet } from 'react-router-dom';
+import { BrowserRouter as Router, Routes, Route, Navigate, Outlet, useLocation } from 'react-router-dom';
 import './styles/custom-scrollbar.css';
 import { AuthProvider, useAuth } from './contexts/AuthContext';
 import AuthPage from './pages/AuthPage';
@@ -51,6 +51,7 @@ import AnalyticsAdminPage from './pages/admin/AnalyticsAdminPage';
 import FilesAdminPage from './pages/admin/FilesAdminPage';
 import ContactsAdminPage from './pages/admin/ContactsAdminPage';
 import NavigationAdminPage from './pages/admin/NavigationAdminPage';
+import ShortlinksAdminPage from './pages/admin/ShortlinksAdminPage';
 import SemiAdminPage from './pages/SemiAdminPage';
 import PollsAdminPage from './pages/admin/PollsAdminPage';
 // Admin pages render their own AdminLayout internally
@@ -75,6 +76,7 @@ import ForbiddenPage from './pages/ForbiddenPage';
 import NotFoundPage from './pages/NotFoundPage';
 import VideosPage from './pages/VideosPage';
 import SearchPage from './pages/SearchPage';
+import ShortRedirectPage from './pages/ShortRedirectPage';
 import ClothingPage from './pages/ClothingPage';
 import PollsPage from './pages/PollsPage';
 import { useUmami } from './hooks/useUmami';
@@ -258,6 +260,12 @@ const FontLoader: React.FC = () => {
   return null;
 };
 
+// Redirect /news -> /blog while preserving query parameters
+const NewsRedirect: React.FC = () => {
+  const loc = useLocation();
+  return <Navigate to={`/blog${loc.search || ''}`} replace />;
+};
+
 const App: React.FC = () => {
   // Uses shared ProtectedRoute component for auth guard
 
@@ -352,7 +360,9 @@ const App: React.FC = () => {
               <Route path="/pravidla-cookies" element={<CookiePolicyPage />} />
               <Route path="/obchodni-podminky" element={<TermsPage />} />
               <Route path="/zasady-ochrany-osobnich-udaju" element={<PrivacyPolicyPage />} />
-              <Route path="/news" element={<Navigate to="/blog" replace />} />
+              {/* Short links - forward to backend origin if frontend captured it */}
+              <Route path="/s/:code" element={<ShortRedirectPage />} />
+              <Route path="/news" element={<NewsRedirect />} />
               {/* Slug routes must precede id route to avoid conflicts */}
               <Route path="/news/:slug" element={<ArticleDetailPage />} />
               <Route path="/articles/slug/:slug" element={<ArticleDetailPage />} />
@@ -440,6 +450,7 @@ const App: React.FC = () => {
                 <Route path="/admin/scoreboard" element={<ScoreboardAdminPage />} />
                 <Route path="/admin/scoreboard/remote" element={<MobileScoreboardControlPage />} />
                 <Route path="/admin/analytika" element={<AnalyticsAdminPage />} />
+                <Route path="/admin/shortlinks" element={<ShortlinksAdminPage />} />
                 <Route path="/admin/soubory" element={<FilesAdminPage />} />
                 <Route path="/admin/kontakty" element={<ContactsAdminPage />} />
                 <Route path="/admin/navigace" element={<NavigationAdminPage />} />