From a83bf2fd5cf9d658eecf752733ef332ba8816a31 Mon Sep 17 00:00:00 2001
From: Camille Moussu <cmoussu@linagora.com>
Date: Wed, 3 Sep 2025 10:46:22 +0200
Subject: [PATCH] [#7] removed timezones from popup and added toggle when
 select free busy

---
 src/features/Events/EventDisplay.tsx |  7 +++----
 src/features/Events/EventModal.tsx   | 24 +++---------------------
 2 files changed, 6 insertions(+), 25 deletions(-)

diff --git a/src/features/Events/EventDisplay.tsx b/src/features/Events/EventDisplay.tsx
index f8f4678..a586f47 100644
--- a/src/features/Events/EventDisplay.tsx
+++ b/src/features/Events/EventDisplay.tsx
@@ -92,6 +92,7 @@ export default function EventDisplayModal({
     event.repetition ?? ({} as RepetitionObject)
   );
   const [alarm, setAlarm] = useState("");
+  const [busy, setBusy] = useState("");
   const [eventClass, setEventClass] = useState(event?.class ?? "PUBLIC");
   const [timezone, setTimezone] = useState(event?.timezone ?? "UTC");
   const [newCalId, setNewCalId] = useState(event.calId);
@@ -503,12 +504,10 @@ export default function EventDisplayModal({
                 <InputLabel id="busy">is Busy</InputLabel>
                 <Select
                   labelId="busy"
-                  value={""}
+                  value={busy}
                   disabled={!isOwn}
                   label="is busy"
-                  onChange={(e: SelectChangeEvent) =>
-                    console.log(e.target.value)
-                  }
+                  onChange={(e) => setBusy(e.target.value)}
                 >
                   <MenuItem value={"free"}>Free</MenuItem>
                   <MenuItem value={"busy"}>Busy </MenuItem>
diff --git a/src/features/Events/EventModal.tsx b/src/features/Events/EventModal.tsx
index 1574f30..efc58f0 100644
--- a/src/features/Events/EventModal.tsx
+++ b/src/features/Events/EventModal.tsx
@@ -76,6 +76,7 @@ function EventPopover({
   const [attendees, setAttendees] = useState<userAttendee[]>([]);
   const [alarm, setAlarm] = useState("");
   const [eventClass, setEventClass] = useState("PUBLIC");
+  const [busy, setBusy] = useState("");
 
   const [timezone, setTimezone] = useState(
     Intl.DateTimeFormat().resolvedOptions().timeZone
@@ -285,23 +286,6 @@ function EventPopover({
                 repetition={repetition}
                 setRepetition={setRepetition}
               />
-              <FormControl fullWidth margin="dense" size="small">
-                <InputLabel id="timezone-select-label">Time Zone</InputLabel>
-                <Select
-                  labelId="timezone-select-label"
-                  value={timezone}
-                  label="Time Zone"
-                  onChange={(e: SelectChangeEvent) =>
-                    setTimezone(e.target.value)
-                  }
-                >
-                  {Object.keys(timezones).map((key) => (
-                    <MenuItem key={key} value={timezones[key].aliasTo}>
-                      {key}
-                    </MenuItem>
-                  ))}
-                </Select>
-              </FormControl>
               <FormControl fullWidth margin="dense" size="small">
                 <InputLabel id="alarm">Alarm</InputLabel>
                 <Select
@@ -345,11 +329,9 @@ function EventPopover({
                 <InputLabel id="busy">is Busy</InputLabel>
                 <Select
                   labelId="busy"
-                  value={""}
+                  value={busy}
                   label="is busy"
-                  onChange={(e: SelectChangeEvent) =>
-                    console.log(e.target.value)
-                  }
+                  onChange={(e) => setBusy(e.target.value)}
                 >
                   <MenuItem value={"free"}>Free</MenuItem>
                   <MenuItem value={"busy"}>Busy </MenuItem>