From 0cefaa62a036718fe15e8dd9c1ba59d6505c91f9 Mon Sep 17 00:00:00 2001
From: Martin Berka <martin.berka@radbuza.net>
Date: Mon, 12 Oct 2026 18:30:45 +0200
Subject: [PATCH] =?UTF-8?q?fix:=20oprava=20chov=C3=A1n=C3=AD=20Hell=20Girl?=
 =?UTF-8?q?=20theme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/App.tsx       |  2 --
 client/src/AppRoutes.tsx | 38 ++++++++++++++++++++------------------
 2 files changed, 20 insertions(+), 20 deletions(-)

diff --git a/client/src/App.tsx b/client/src/App.tsx
index 885ce9d..9c53486 100644
--- a/client/src/App.tsx
+++ b/client/src/App.tsx
@@ -16,7 +16,6 @@ import './themes/hellgirl.scss';
 import { faCircleCheck, faNoteSticky, faTrashCan, faComment } from '@fortawesome/free-regular-svg-icons';
 import { useSettings } from './context/settings';
 import Footer from './components/Footer';
-import HellGirlFlames from './components/HellGirlFlames';
 import { faArrowUpRightFromSquare, faBasketShopping, faChainBroken, faChevronLeft, faChevronRight, faDharmachakra, faGear, faMoneyBillTransfer, faSatelliteDish, faSearch, faTriangleExclamation } from '@fortawesome/free-solid-svg-icons';
 import { useNavigate } from 'react-router-dom';
 import Loader from './components/Loader';
@@ -669,7 +668,6 @@ function App() {
     <div className="app-container">
       {easterEgg && eggImage && <img ref={eggRef} alt='' src={URL.createObjectURL(eggImage)} style={{ position: 'absolute', ...EASTER_EGG_STYLE, ...style, animationDuration: `${duration ?? EASTER_EGG_DEFAULT_DURATION}s` }} />}
       <Header choices={data?.choices} dayIndex={dayIndex} />
-      {settings?.styleTheme === 'hellgirl' && <HellGirlFlames />}
       <div className='wrapper'>
         {data.todayDayIndex != null && data.todayDayIndex > 4 &&
           <Alert variant="info" className="mb-3">
diff --git a/client/src/AppRoutes.tsx b/client/src/AppRoutes.tsx
index b215903..df9dbe0 100644
--- a/client/src/AppRoutes.tsx
+++ b/client/src/AppRoutes.tsx
@@ -8,6 +8,7 @@ import StatsPage from "./pages/StatsPage";
 import OrderGroupsPage from "./pages/OrderGroupsPage";
 import SuggestionsPage from "./pages/SuggestionsPage";
 import App from "./App";
+import HellGirlFlames from "./components/HellGirlFlames";
 
 export const STATS_URL = '/stats';
 export const OBJEDNANI_URL = '/objednani';
@@ -22,34 +23,35 @@ function Butterflies() {
     return <FlyingButterflies numButterflies={BUTTERFLY_PRESETS.NORMAL} />;
 }
 
+/** Doplňkové efekty vizuálních stylů — společné pro všechny stránky (např. plamen při otevření dialogu). */
+function StyleThemeEffects() {
+    const settings = useSettings();
+    return settings?.styleTheme === 'hellgirl' ? <HellGirlFlames /> : null;
+}
+
 export default function AppRoutes() {
     return (
-        <Routes>
-            <Route path={STATS_URL} element={<StatsPage />} />
-            <Route path={NAVRHY_URL} element={
-                <ProvideSettings>
-                    <SuggestionsPage />
-                </ProvideSettings>
-            } />
-            <Route path={OBJEDNANI_URL} element={
-                <ProvideSettings>
+        <ProvideSettings>
+            <StyleThemeEffects />
+            <Routes>
+                <Route path={STATS_URL} element={<StatsPage />} />
+                <Route path={NAVRHY_URL} element={<SuggestionsPage />} />
+                <Route path={OBJEDNANI_URL} element={
                     <SocketContext.Provider value={socket}>
                         <OrderGroupsPage />
                         <ToastContainer />
                     </SocketContext.Provider>
-                </ProvideSettings>
-            } />
-            <Route path="/" element={
-                <ProvideSettings>
+                } />
+                <Route path="/" element={
                     <SocketContext.Provider value={socket}>
                         <>
-                            <Butterflies />
+                            <FlyingButterflies numButterflies={BUTTERFLY_PRESETS.NORMAL} />
                             <App />
                         </>
                         <ToastContainer />
                     </SocketContext.Provider>
-                </ProvideSettings>
-            } />
-        </Routes>
+                } />
+            </Routes>
+        </ProvideSettings>
     );
-}
\ No newline at end of file
+}