From ebd665cf46bfa38deef90eb990904eb522c90846 Mon Sep 17 00:00:00 2001
From: lyc8503 <me@lyc8503.net>
Date: Sun, 21 Sep 2025 21:54:42 +0800
Subject: [PATCH] remove collapse

---
 components/OverallStatus.tsx | 53 ++++++++++--------------------------
 1 file changed, 15 insertions(+), 38 deletions(-)

diff --git a/components/OverallStatus.tsx b/components/OverallStatus.tsx
index 4955038..3874959 100644
--- a/components/OverallStatus.tsx
+++ b/components/OverallStatus.tsx
@@ -77,9 +77,6 @@ export default function OverallStatus({
       ),
     }))
 
-  const [activeOpen, setActiveOpen] = useState(true)
-  const [upcomingOpen, setUpcomingOpen] = useState(false)
-
   return (
     <Container size="md" mt="xl">
       <Center>{icon}</Center>
@@ -96,47 +93,27 @@ export default function OverallStatus({
       {/* Active Maintenance */}
       {activeMaintenances.length > 0 && (
         <>
-          <Box style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', gap: 8, marginTop: '1rem' }}>
-            <Title order={3} style={{ color: '#f29030' }}>
-              Ongoing Maintenance
-            </Title>
-            <Button variant="subtle" size="xs" onClick={() => setActiveOpen((o) => !o)}>
-              {activeOpen ? <IconMinus size={16} /> : <IconPlus size={16} />}
-            </Button>
-          </Box>
-          <Collapse in={activeOpen}>
-            {activeMaintenances.map((maintenance, idx) => (
-              <MaintenanceAlert
-                key={`active-${idx}`}
-                maintenance={maintenance}
-                style={{ maxWidth: groupedMonitor ? '897px' : '865px' }}
-              />
-            ))}
-          </Collapse>
+          {activeMaintenances.map((maintenance, idx) => (
+            <MaintenanceAlert
+              key={`active-${idx}`}
+              maintenance={maintenance}
+              style={{ maxWidth: groupedMonitor ? '897px' : '865px' }}
+            />
+          ))}
         </>
       )}
 
       {/* Upcoming Maintenance */}
       {upcomingMaintenances.length > 0 && (
         <>
-          <Box style={{ display: 'flex', justifyContent: 'center', alignItems: 'center', gap: 8, marginTop: '1rem' }}>
-            <Title order={3} style={{ color: 'gray' }}>
-              Upcoming Maintenance
-            </Title>
-            <Button variant="subtle" size="xs" onClick={() => setUpcomingOpen((o) => !o)}>
-              {upcomingOpen ? <IconMinus size={16} /> : <IconPlus size={16} />}
-            </Button>
-          </Box>
-          <Collapse in={upcomingOpen}>
-            {upcomingMaintenances.map((maintenance, idx) => (
-              <MaintenanceAlert
-                key={`upcoming-${idx}`}
-                maintenance={maintenance}
-                style={{ maxWidth: groupedMonitor ? '897px' : '865px' }}
-                upcoming
-              />
-            ))}
-          </Collapse>
+          {upcomingMaintenances.map((maintenance, idx) => (
+            <MaintenanceAlert
+              key={`upcoming-${idx}`}
+              maintenance={maintenance}
+              style={{ maxWidth: groupedMonitor ? '897px' : '865px' }}
+              upcoming
+            />
+          ))}
         </>
       )}
     </Container>