feat: možnost vypnout motýlky v nastavení

client/src/AppRoutes.tsx

@@ -1,5 +1,5 @@
 import { Routes, Route } from "react-router-dom";
-import { ProvideSettings } from "./context/settings";
+import { ProvideSettings, useSettings } from "./context/settings";
 import FlyingButterflies, { BUTTERFLY_PRESETS } from "./FlyingButterflies";
 import "./FlyingButterflies.scss";
 import { ToastContainer } from "react-toastify";
@@ -13,6 +13,15 @@ export const STATS_URL = '/stats';
 export const OBJEDNANI_URL = '/objednani';
 export const NAVRHY_URL = '/navrhy';
 
+/** Motýlci se vykreslují jen pokud je uživatel nevypnul v nastavení. */
+function Butterflies() {
+    const settings = useSettings();
+    if (settings?.showButterflies === false) {
+        return null;
+    }
+    return <FlyingButterflies numButterflies={BUTTERFLY_PRESETS.NORMAL} />;
+}
+
 export default function AppRoutes() {
     return (
         <Routes>
@@ -34,7 +43,7 @@ export default function AppRoutes() {
                 <ProvideSettings>
                     <SocketContext.Provider value={socket}>
                         <>
-                            <FlyingButterflies numButterflies={BUTTERFLY_PRESETS.NORMAL} />
+                            <Butterflies />
                             <App />
                         </>
                         <ToastContainer />