Can delete a device relay from UI

This commit is contained in:
2024-08-31 20:03:46 +02:00
parent f35aac04f6
commit b0023a5167
5 changed files with 107 additions and 25 deletions

View File

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