From 503da2ac9d7b97ad0267f9c484d8b0937f76e3b2 Mon Sep 17 00:00:00 2001
From: Stephanie Gredell <s.raide@gmail.com>
Date: Wed, 24 Dec 2025 16:32:00 -0800
Subject: [PATCH] magic code fix

---
 frontend/src/pages/LandingPage.tsx        | 7 ++++---
 frontend/src/services/magicCodeService.ts | 7 +++++++
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/pages/LandingPage.tsx b/frontend/src/pages/LandingPage.tsx
index 95f1b1d..b3f077b 100644
--- a/frontend/src/pages/LandingPage.tsx
+++ b/frontend/src/pages/LandingPage.tsx
@@ -2,7 +2,7 @@ import { useState, useEffect } from 'react';
 import { Link } from 'react-router-dom';
 import { OptimizedImage } from '../components/OptimizedImage/OptimizedImage';
 import { MagicCodeInput } from '../components/MagicCodeInput/MagicCodeInput';
-import { getAppliedMagicCode } from '../services/magicCodeService';
+import { getAppliedMagicCode, getMagicCodeSettings, hasActiveMagicCode } from '../services/magicCodeService';
 import { getEnabledApps } from '../utils/appFilter';
 
 const categoryEmojis: { [key: string]: string } = {
@@ -35,11 +35,12 @@ export function LandingPage() {
   const [showMagicCodeModal, setShowMagicCodeModal] = useState(false);
   const [enabledApps, setEnabledApps] = useState(getEnabledApps());
   const appliedCode = getAppliedMagicCode();
+  const magicCodeSettings = getMagicCodeSettings();
 
   // Re-check enabled apps when magic code is applied/cleared
   useEffect(() => {
     setEnabledApps(getEnabledApps());
-  }, [appliedCode]);
+  }, [appliedCode, magicCodeSettings?.enabledApps?.join(',')]);
 
   return (
     <div className="bg-background">
@@ -57,7 +58,7 @@ export function LandingPage() {
       
       <section className="px-4 py-8">
         <div className="max-w-5xl mx-auto">
-          {!appliedCode && (
+          {!hasActiveMagicCode() && (
             <div className="mb-6 text-center">
               <button
                 onClick={() => setShowMagicCodeModal(true)}
diff --git a/frontend/src/services/magicCodeService.ts b/frontend/src/services/magicCodeService.ts
index cd948e7..29b618f 100644
--- a/frontend/src/services/magicCodeService.ts
+++ b/frontend/src/services/magicCodeService.ts
@@ -33,6 +33,13 @@ export function getMagicCodeSettings(): MagicCodeSettings | null {
   return null;
 }
 
+/**
+ * Returns true only if both the code and its settings exist
+ */
+export function hasActiveMagicCode(): boolean {
+  return !!(getAppliedMagicCode() && getMagicCodeSettings());
+}
+
 /**
  * Check if a magic code is currently applied
  */