Update general device information

central_frontend/src/routes/DeviceRoute/DeviceRoute.tsx

@@ -1,5 +1,7 @@
 import DeleteIcon from "@mui/icons-material/Delete";
+import RefreshIcon from "@mui/icons-material/Refresh";
 import { IconButton, Tooltip } from "@mui/material";
+import Grid from "@mui/material/Grid2";
 import React from "react";
 import { useNavigate, useParams } from "react-router-dom";
 import { Device, DeviceApi } from "../../api/DeviceApi";
@@ -9,9 +11,9 @@ import { useLoadingMessage } from "../../hooks/context_providers/LoadingMessageP
 import { useSnackbar } from "../../hooks/context_providers/SnackbarProvider";
 import { AsyncWidget } from "../../widgets/AsyncWidget";
 import { SolarEnergyRouteContainer } from "../../widgets/SolarEnergyRouteContainer";
-import { GeneralDeviceInfo } from "./GeneralDeviceInfo";
 import { DeviceRelays } from "./DeviceRelays";
-import Grid from "@mui/material/Grid2";
+import { DeviceStateBlock } from "./DeviceStateBlock";
+import { GeneralDeviceInfo } from "./GeneralDeviceInfo";
 
 export function DeviceRoute(): React.ReactElement {
   const { id } = useParams();
@@ -70,15 +72,23 @@ function DeviceRouteInner(p: {
       loadingMessage.hide();
     }
   };
+
   return (
     <SolarEnergyRouteContainer
       label={`Device ${p.device.name}`}
       actions={
-        <Tooltip title="Delete device">
-          <IconButton onClick={() => deleteDevice(p.device)}>
-            <DeleteIcon />
-          </IconButton>
-        </Tooltip>
+        <span>
+          <Tooltip title="Refresh information">
+            <IconButton onClick={p.onReload}>
+              <RefreshIcon />
+            </IconButton>
+          </Tooltip>
+          <Tooltip title="Delete device">
+            <IconButton onClick={() => deleteDevice(p.device)}>
+              <DeleteIcon />
+            </IconButton>
+          </Tooltip>
+        </span>
       }
     >
       <Grid container spacing={2}>
@@ -88,6 +98,9 @@ function DeviceRouteInner(p: {
         <Grid size={{ xs: 12, md: 6 }}>
           <DeviceRelays {...p} />
         </Grid>
+        <Grid size={{ xs: 12, md: 6 }}>
+          <DeviceStateBlock {...p} />
+        </Grid>
       </Grid>
     </SolarEnergyRouteContainer>
   );