Merge pull request #15015 from rhamilto/OCPBUGS-55633

OCPBUGS-55633: fix bug where Critical Alerts section cannot be collapsed

Author: openshift-merge-bot[bot]

frontend/public/components/notification-drawer.tsx

@@ -292,19 +292,17 @@ export const NotificationDrawer: React.FC<NotificationDrawerProps> = ({
 
   const hasCriticalAlerts = criticalAlerts.length > 0;
   const hasNonCriticalAlerts = nonCriticalAlerts.length > 0;
-  const [isAlertExpanded, toggleAlertExpanded] = React.useState<boolean>(hasCriticalAlerts);
-  const [isNonCriticalAlertExpanded, toggleNonCriticalAlertExpanded] = React.useState<boolean>(
-    true,
-  );
-  const [isClusterUpdateExpanded, toggleClusterUpdateExpanded] = React.useState<boolean>(true);
+  const [isAlertExpanded, toggleAlertExpanded] = React.useState(hasCriticalAlerts);
+  const [isNonCriticalAlertExpanded, toggleNonCriticalAlertExpanded] = React.useState(true);
+  const [isClusterUpdateExpanded, toggleClusterUpdateExpanded] = React.useState(true);
   React.useEffect(() => {
     if (hasCriticalAlerts && isDrawerExpanded) {
       toggleAlertExpanded(true);
     }
     if (hasNonCriticalAlerts && isDrawerExpanded) {
       toggleNonCriticalAlertExpanded(true);
     }
-  }, [hasCriticalAlerts, hasNonCriticalAlerts, isAlertExpanded, isDrawerExpanded]);
+  }, [hasCriticalAlerts, hasNonCriticalAlerts, isDrawerExpanded]);
 
   React.useEffect(() => {
     onDrawerChange();