d86bc48862
Per request: remove the WebAudio jingle (+ its 🔊 toggle and sound state); replace the one-shot confetti with a continuous rain of 🌼🌸🐸🇸🇪🌿 over the screen (MidsummerRain, gated by the theme, reduced-motion aware, leak-free); and replace player-dot markers with frogs themselves (override the inline dot color/border) instead of a flower-crown on top. Still toggled by the 🐸 Midsommar switch. Includes rebuilt static bundle. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
17 lines
520 B
TypeScript
17 lines
520 B
TypeScript
import React from 'react';
|
|
import { useMidsummer } from '../../hooks/useMidsummer';
|
|
|
|
/** 🐸 midsummer theme toggle, rendered among the sidebar tool links. */
|
|
export const FrogToggle: React.FC = () => {
|
|
const { enabled, toggle } = useMidsummer();
|
|
return (
|
|
<span
|
|
className="ml-tool-link"
|
|
style={{ cursor: 'pointer' }}
|
|
title={enabled ? 'Turn off the midsummer theme' : 'Turn on the midsummer theme'}
|
|
onClick={toggle}
|
|
>
|
|
🐸 Midsommar {enabled ? 'on' : 'off'}
|
|
</span>
|
|
);
|
|
};
|