From 9360a36c31ef181ac25c7da0227898d5ad8463c3 Mon Sep 17 00:00:00 2001
From: James Brunton <jbrunton96@gmail.com>
Date: Tue, 26 Aug 2025 15:56:37 +0100
Subject: [PATCH] V2: Disable rainbow mode for demo (#4303)

# Description of Changes
The rainbow mode easter egg doesn't work very well at the moment and
isn't needed for the demo (and is too easy to accidentally enable). This
PR disables it completely by adding a global const to short-circuit the
activation code.
---
 frontend/src/hooks/useRainbowTheme.ts | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/frontend/src/hooks/useRainbowTheme.ts b/frontend/src/hooks/useRainbowTheme.ts
index 449b07c61..8b272b883 100644
--- a/frontend/src/hooks/useRainbowTheme.ts
+++ b/frontend/src/hooks/useRainbowTheme.ts
@@ -11,6 +11,8 @@ interface RainbowThemeHook {
   deactivateRainbow: () => void;
 }
 
+const allowRainbowMode = false; // Override to allow/disallow fun
+
 export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): RainbowThemeHook {
   // Get theme from localStorage or use initial
   const [themeMode, setThemeMode] = useState<ThemeMode>(() => {
@@ -35,11 +37,11 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
   // Save theme to localStorage whenever it changes
   useEffect(() => {
     localStorage.setItem('stirling-theme', themeMode);
-    
+
     // Apply rainbow class to body if in rainbow mode
     if (themeMode === 'rainbow') {
       document.body.classList.add('rainbow-mode-active');
-      
+
       // Show easter egg notification
       showRainbowNotification();
     } else {
@@ -77,7 +79,7 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
       pointer-events: none;
       transition: opacity 0.3s ease;
     `;
-    
+
     document.body.appendChild(notification);
 
     // Auto-remove notification after 3 seconds
@@ -121,7 +123,7 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
       pointer-events: none;
       transition: opacity 0.3s ease;
     `;
-    
+
     document.body.appendChild(notification);
 
     // Auto-remove notification after 2 seconds
@@ -144,7 +146,7 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
     }
 
     const currentTime = Date.now();
-    
+
     // Simple exit from rainbow mode with single click (after cooldown period)
     if (themeMode === 'rainbow') {
       setThemeMode('light');
@@ -152,7 +154,7 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
       showExitNotification();
       return;
     }
-    
+
     // Reset counter if too much time has passed (2.5 seconds)
     if (currentTime - lastToggleTime.current > 2500) {
       toggleCount.current = 1;
@@ -162,18 +164,18 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
     lastToggleTime.current = currentTime;
 
     // Easter egg: Activate rainbow mode after 10 rapid toggles
-    if (toggleCount.current >= 10) {
+    if (allowRainbowMode && toggleCount.current >= 10) {
       setThemeMode('rainbow');
       console.log('🌈 RAINBOW MODE ACTIVATED! 🌈 You found the secret easter egg!');
       console.log('🌈 Button will be disabled for 3 seconds, then click once to exit!');
-      
+
       // Disable toggle for 3 seconds
       setIsToggleDisabled(true);
       setTimeout(() => {
         setIsToggleDisabled(false);
         console.log('🌈 Theme toggle re-enabled! Click once to exit rainbow mode.');
       }, 3000);
-      
+
       // Reset counter
       toggleCount.current = 0;
       return;
@@ -203,4 +205,4 @@ export function useRainbowTheme(initialTheme: 'light' | 'dark' = 'light'): Rainb
     activateRainbow,
     deactivateRainbow,
   };
-}
\ No newline at end of file
+}