Add support for legacy relays API

central_frontend/src/routes/DeviceRoute/DeviceRelays.tsx

@@ -129,7 +129,9 @@ export function DeviceRelays(p: {
   );
 }
 
-function RelayEntryStatus(p: { relay: DeviceRelay }): React.ReactElement {
+function RelayEntryStatus(
+  p: Readonly<{ relay: DeviceRelay }>
+): React.ReactElement {
   const [state, setState] = React.useState<RelayStatus | undefined>();
 
   const load = async () => {

central_frontend/src/routes/RelaysListRoute.tsx

@@ -1,3 +1,4 @@
+import LinkIcon from "@mui/icons-material/Link";
 import RefreshIcon from "@mui/icons-material/Refresh";
 import {
   IconButton,
@@ -19,6 +20,8 @@ import { AsyncWidget } from "../widgets/AsyncWidget";
 import { BoolText } from "../widgets/BoolText";
 import { SolarEnergyRouteContainer } from "../widgets/SolarEnergyRouteContainer";
 import { TimeWidget } from "../widgets/TimeWidget";
+import { CopyToClipboard } from "../widgets/CopyToClipboard";
+import { ServerApi } from "../api/ServerApi";
 
 export function RelaysListRoute(p: {
   homeWidget?: boolean;
@@ -101,6 +104,7 @@ function RelaysList(p: {
             <TableCell>Priority</TableCell>
             <TableCell>Consumption</TableCell>
             <TableCell>Status</TableCell>
+            <TableCell></TableCell>
           </TableRow>
         </TableHead>
         <TableBody>
@@ -125,6 +129,20 @@ function RelaysList(p: {
                 />{" "}
                 for <TimeWidget diff time={p.status.get(row.id)!.for} />
               </TableCell>
+              <TableCell>
+                <Tooltip title="Copy legacy api status">
+                  <CopyToClipboard
+                    content={
+                      ServerApi.Config.unsecure_origin +
+                      `/relay/${row.id}/legacy_state`
+                    }
+                  >
+                    <IconButton>
+                      <LinkIcon />
+                    </IconButton>
+                  </CopyToClipboard>
+                </Tooltip>
+              </TableCell>
             </TableRow>
           ))}
         </TableBody>