Start to build relay dialog

central_frontend/src/routes/DeviceRoute/DeviceRoute.tsx

@@ -1,5 +1,5 @@
 import DeleteIcon from "@mui/icons-material/Delete";
-import { IconButton, Tooltip } from "@mui/material";
+import { Grid, IconButton, Tooltip } from "@mui/material";
 import React from "react";
 import { useNavigate, useParams } from "react-router-dom";
 import { Device, DeviceApi } from "../../api/DeviceApi";
@@ -10,6 +10,7 @@ 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";
 
 export function DeviceRoute(): React.ReactElement {
   const { id } = useParams();
@@ -79,7 +80,14 @@ function DeviceRouteInner(p: {
         </Tooltip>
       }
     >
-      <GeneralDeviceInfo {...p} />
+      <Grid container spacing={2}>
+        <Grid item xs={12} md={6}>
+          <GeneralDeviceInfo {...p} />
+        </Grid>
+        <Grid item xs={12} md={6}>
+          <DeviceRelays {...p} />
+        </Grid>
+      </Grid>
     </SolarEnergyRouteContainer>
   );
 }