Add planned state handling in Overview component

JohanGrims · Dec 7, 2024 · 184dc2d · 184dc2d
1 parent 9f9b046
commit 184dc2d
Showing 1 changed file with 9 additions and 10 deletions.
diff --git a/src/admin/Overview.jsx b/src/admin/Overview.jsx
@@ -54,6 +54,8 @@ export default function Overview() {
             const isActive =
               vote.active && endTime.isAfter(now) && startTime.isBefore(now);
 
+            const isPlanned = startTime.isAfter(now);
+
             return (
               <mdui-card
                 key={vote.id}
@@ -66,7 +68,13 @@ export default function Overview() {
                 <p>
                   <mdui-icon
                     style={{ fontSize: "50px" }}
-                    name={isActive ? "event_available" : "done_all"}
+                    name={
+                      isActive
+                        ? "event_available"
+                        : isPlanned
+                        ? "schedule"
+                        : "done_all"
+                    }
                   ></mdui-icon>
                 </p>
               </mdui-card>
@@ -84,15 +92,6 @@ export default function Overview() {
           </p>
         </mdui-card>
       </div>
-      {/* <mdui-fab
-        icon="add"
-        onClick={() => navigate("/admin/new")}
-        style={{ position: "fixed", bottom: "20px", right: "20px" }}
-        extended
-        variant="surface"
-      >
-        Neue Wahl
-      </mdui-fab> */}
     </div>
   );
 }