From cee242e4553d561342bff435e862d0e323e47f7b Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Fri, 28 Nov 2025 22:02:39 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20garder=20le=20Pomodoro=20Timer=20actif?=
 =?UTF-8?q?=20m=C3=AAme=20quand=20le=20modal=20est=20ferm=C3=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Rendre le PomodoroTimer dans une div cachée toujours montée
- Cette instance continue de faire tourner le timer en arrière-plan
- Le modal affiche une seconde instance pour les contrôles
- Les deux instances partagent l'état via localStorage
- Le timer continue maintenant de décompter même modal fermé
---
 src/pages/Index.tsx | 21 +++++++++++++++------
 1 file changed, 15 insertions(+), 6 deletions(-)

diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 916b75d..1f8dfd5 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -3378,13 +3378,22 @@ const Index = () => {
         todos={todos}
       />
 
-      {/* Pomodoro Timer Modal */}
-      <PomodoroModal
-        open={showPomodoroModal}
-        onOpenChange={setShowPomodoroModal}
-      >
+      {/* Pomodoro Timer - Always mounted in hidden div to keep timer running */}
+      <div style={{ position: 'absolute', left: '-9999px', top: '-9999px' }}>
         <PomodoroTimer onStateChange={handlePomodoroStateChange} />
-      </PomodoroModal>
+      </div>
+
+      {/* Pomodoro Timer Modal - Shows timer controls when opened */}
+      <Dialog open={showPomodoroModal} onOpenChange={setShowPomodoroModal}>
+        <DialogContent className="max-w-md">
+          <DialogHeader>
+            <DialogTitle className="text-2xl">Pomodoro Timer</DialogTitle>
+          </DialogHeader>
+          <div className="mt-4">
+            <PomodoroTimer onStateChange={handlePomodoroStateChange} />
+          </div>
+        </DialogContent>
+      </Dialog>
 
       {/* Quick Capture Widget */}
       <QuickCaptureWidget onNoteCaptured={loadNotes} />