From 887cd33f5bff8e91ca51c97b9eed07cac45cc2f7 Mon Sep 17 00:00:00 2001
From: proddy <paul@derbyshire.nl>
Date: Thu, 18 Jul 2024 15:59:13 +0200
Subject: [PATCH] change order of menu items, make all bus status clickable for
 bbqkees

---
 .../src/framework/system/SystemStatus.tsx     | 33 +++++++++----------
 1 file changed, 16 insertions(+), 17 deletions(-)

diff --git a/interface/src/framework/system/SystemStatus.tsx b/interface/src/framework/system/SystemStatus.tsx
index 5a6d65383..3a60cc832 100644
--- a/interface/src/framework/system/SystemStatus.tsx
+++ b/interface/src/framework/system/SystemStatus.tsx
@@ -314,16 +314,6 @@ const SystemStatus: FC = () => {
     return (
       <>
         <List>
-          <ListItem>
-            <ListItemAvatar>
-              <Avatar sx={{ bgcolor: busStatusHighlight(), color: 'white' }}>
-                <DirectionsBusIcon />
-              </Avatar>
-            </ListItemAvatar>
-            <ListItemText primary={LL.EMS_BUS_STATUS()} secondary={busStatus()} />
-          </ListItem>
-          <Divider variant="inset" component="li" />
-
           <ListItem>
             <ListItemAvatar>
               <Avatar sx={{ bgcolor: '#c5572c', color: 'white' }}>
@@ -347,7 +337,6 @@ const SystemStatus: FC = () => {
           </ListItem>
 
           <Divider variant="inset" component="li" />
-
           <ListItem>
             <ListItemAvatar>
               <Avatar sx={{ bgcolor: '#5d89f7', color: 'white' }}>
@@ -375,8 +364,8 @@ const SystemStatus: FC = () => {
               </Button>
             )}
           </ListItem>
-          <Divider variant="inset" component="li" />
 
+          <Divider variant="inset" component="li" />
           <ListMenuItem
             disabled={!me.admin}
             icon={BuildIcon}
@@ -385,8 +374,18 @@ const SystemStatus: FC = () => {
             text={data.emsesp_version}
             to="/settings/upload"
           />
-          <Divider variant="inset" component="li" />
 
+          <Divider variant="inset" component="li" />
+          <ListMenuItem
+            disabled={!me.admin}
+            icon={DirectionsBusIcon}
+            bgcolor={busStatusHighlight()}
+            label={LL.EMS_BUS_STATUS()}
+            text={busStatus()}
+            to="/system/activity"
+          />
+
+          <Divider variant="inset" component="li" />
           <ListMenuItem
             disabled={!me.admin}
             icon={MemoryIcon}
@@ -395,8 +394,8 @@ const SystemStatus: FC = () => {
             text={formatNumber(data.free_heap) + ' KB' + ' ' + LL.FREE_MEMORY()}
             to="/system/espsystemstatus"
           />
-          <Divider variant="inset" component="li" />
 
+          <Divider variant="inset" component="li" />
           <ListMenuItem
             disabled={!me.admin}
             icon={
@@ -409,8 +408,8 @@ const SystemStatus: FC = () => {
             text={networkStatus()}
             to="/settings/network/status"
           />
-          <Divider variant="inset" component="li" />
 
+          <Divider variant="inset" component="li" />
           <ListMenuItem
             disabled={!me.admin}
             icon={DeviceHubIcon}
@@ -419,8 +418,8 @@ const SystemStatus: FC = () => {
             text={data.mqtt_status ? LL.ACTIVE() : LL.INACTIVE(0)}
             to="/settings/mqtt/status"
           />
-          <Divider variant="inset" component="li" />
 
+          <Divider variant="inset" component="li" />
           <ListMenuItem
             disabled={!me.admin}
             icon={AccessTimeIcon}
@@ -429,8 +428,8 @@ const SystemStatus: FC = () => {
             text={ntpStatus()}
             to="/settings/ntp/status"
           />
-          <Divider variant="inset" component="li" />
 
+          <Divider variant="inset" component="li" />
           <ListMenuItem
             disabled={!me.admin}
             icon={SettingsInputAntennaIcon}