From 9cba9c5f0a75a50af973a1bd1af3df610e3498a1 Mon Sep 17 00:00:00 2001
From: Pierre HUBERT <pierre.git@communiquons.org>
Date: Wed, 3 Jul 2024 22:07:41 +0200
Subject: [PATCH] Add a button to refresh table

---
 .../src/routes/PendingDevicesRoute.tsx             | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/central_frontend/src/routes/PendingDevicesRoute.tsx b/central_frontend/src/routes/PendingDevicesRoute.tsx
index 7000810..abbb76d 100644
--- a/central_frontend/src/routes/PendingDevicesRoute.tsx
+++ b/central_frontend/src/routes/PendingDevicesRoute.tsx
@@ -1,4 +1,6 @@
+import CheckIcon from "@mui/icons-material/Check";
 import DeleteIcon from "@mui/icons-material/Delete";
+import RefreshIcon from "@mui/icons-material/Refresh";
 import {
   IconButton,
   Paper,
@@ -19,7 +21,6 @@ import { useSnackbar } from "../hooks/context_providers/SnackbarProvider";
 import { AsyncWidget } from "../widgets/AsyncWidget";
 import { SolarEnergyRouteContainer } from "../widgets/SolarEnergyRouteContainer";
 import { TimeWidget } from "../widgets/TimeWidget";
-import CheckIcon from "@mui/icons-material/Check";
 
 export function PendingDevicesRoute(): React.ReactElement {
   const loadKey = React.useRef(1);
@@ -36,7 +37,16 @@ export function PendingDevicesRoute(): React.ReactElement {
   };
 
   return (
-    <SolarEnergyRouteContainer label="Pending devices">
+    <SolarEnergyRouteContainer
+      label="Pending devices"
+      actions={
+        <Tooltip title="Refresh table">
+          <IconButton onClick={reload}>
+            <RefreshIcon />
+          </IconButton>
+        </Tooltip>
+      }
+    >
       <AsyncWidget
         loadKey={loadKey.current}
         ready={!!pending}