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

client/src/components/modals/SettingsModal.tsx

@@ -20,6 +20,7 @@ export default function SettingsModal({ isOpen, onClose, onSave }: Readonly<Prop
     const hideSoupsRef = useRef<HTMLInputElement>(null);
     const themeRef = useRef<HTMLSelectElement>(null);
     const styleThemeRef = useRef<HTMLSelectElement>(null);
+    const showButterfliesRef = useRef<HTMLInputElement>(null);
 
     const reminderTimeRef = useRef<HTMLInputElement>(null);
     const boltDeliveredRef = useRef<HTMLInputElement>(null);
@@ -79,6 +80,9 @@ export default function SettingsModal({ isOpen, onClose, onSave }: Readonly<Prop
         if (styleThemeRef.current?.value) {
             settings?.setStyleTheme(styleThemeRef.current.value as StyleTheme);
         }
+        if (showButterfliesRef.current) {
+            settings?.setShowButterflies(showButterfliesRef.current.checked);
+        }
         onSave(
             bankAccountRef.current?.value,
             nameRef.current?.value,
@@ -108,6 +112,18 @@ export default function SettingsModal({ isOpen, onClose, onSave }: Readonly<Prop
                         <option value="dark">Tmavý</option>
                     </Form.Select>
                 </Form.Group>
+                <Form.Group className="mb-3">
+                    <Form.Check
+                        id="showButterfliesCheckbox"
+                        ref={showButterfliesRef}
+                        type="checkbox"
+                        label="Zobrazit motýlky"
+                        defaultChecked={settings?.showButterflies ?? true}
+                    />
+                    <Form.Text className="text-muted">
+                        Po vypnutí se poletující motýlci ani minihra nebudou vůbec zobrazovat.
+                    </Form.Text>
+                </Form.Group>
 
                 <hr />