Upload folder using huggingface_hub

frontend/src/components/EventView.tsx

@@ -63,7 +63,7 @@ export default function EventView() {
   const [editBuffer, setEditBuffer] = useState(0);
   const [editDateFrom, setEditDateFrom] = useState('');
   const [editDateTo, setEditDateTo] = useState('');
-  const [editSelectedDays, setEditSelectedDays] = useState<Set<number>>(new Set([1, 2, 3, 4, 5]));
+  const [editSelectedDays, setEditSelectedDays] = useState<number[]>([1, 2, 3, 4, 5]);
   const [editSaving, setEditSaving] = useState(false);
 
   const [error, setError] = useState('');
@@ -78,6 +78,13 @@ export default function EventView() {
 
   useEffect(load, [id]);
 
+  const editDaysSet = useMemo(() => new Set(editSelectedDays), [editSelectedDays]);
+
+  const editDates = useMemo(
+    () => generateDatesInRange(editDateFrom, editDateTo, editDaysSet),
+    [editDateFrom, editDateTo, editSelectedDays]
+  );
+
   if (loading) return <p className="text-gray-500">Loading...</p>;
   if (error) return <p className="text-red-500">Error: {error}</p>;
   if (!event) return <p className="text-red-500">Event not found.</p>;
@@ -158,7 +165,7 @@ export default function EventView() {
       // Infer which days are included
       const days = new Set<number>();
       event.dates.forEach((d) => days.add(new Date(d + 'T00:00:00').getDay()));
-      setEditSelectedDays(days);
+      setEditSelectedDays(Array.from(days));
     }
     setEditing(true);
   };
@@ -173,18 +180,10 @@ export default function EventView() {
     }
   };
 
-  const editDates = useMemo(
-    () => generateDatesInRange(editDateFrom, editDateTo, editSelectedDays),
-    [editDateFrom, editDateTo, editSelectedDays]
-  );
-
   const toggleEditDay = (dayIndex: number) => {
-    setEditSelectedDays((prev) => {
-      const next = new Set(prev);
-      if (next.has(dayIndex)) next.delete(dayIndex);
-      else next.add(dayIndex);
-      return next;
-    });
+    setEditSelectedDays((prev) =>
+      prev.includes(dayIndex) ? prev.filter((d) => d !== dayIndex) : [...prev, dayIndex]
+    );
   };
 
   const handleEditSave = async () => {
@@ -308,7 +307,7 @@ export default function EventView() {
                 <div className="flex gap-2">
                   {DAY_LABELS.map((label, i) => {
                     const dayIndex = DAY_INDICES[i];
-                    const isActive = editSelectedDays.has(dayIndex);
+                    const isActive = editSelectedDays.includes(dayIndex);
                     return (
                       <button key={label} type="button" onClick={() => toggleEditDay(dayIndex)}
                         className={`px-3 py-1.5 rounded text-sm font-medium transition-colors ${isActive ? 'bg-blue-600 text-white' : 'bg-gray-100 text-gray-500 hover:bg-gray-200'}`}>