From 48700a4051c02f71a71e684d5b72bfea39df702f Mon Sep 17 00:00:00 2001 From: ElMoribond Date: Mon, 12 Jul 2021 17:49:35 +0200 Subject: [PATCH] improved user experience --- web/src/components/DialogRestart.jsx | 17 +++++++---------- 1 file changed, 7 insertions(+), 10 deletions(-) diff --git a/web/src/components/DialogRestart.jsx b/web/src/components/DialogRestart.jsx index 53f01a5f7..08ec81ff5 100644 --- a/web/src/components/DialogRestart.jsx +++ b/web/src/components/DialogRestart.jsx @@ -4,18 +4,16 @@ import Dialog from './Dialog'; import { useApiHost } from '../api'; import { useRestart } from '../api/mqtt'; -export default function DialogRestart({ showDialog, setShowDialog }) { +export default function DialogRestart({ show, setShow }) { const apiHost = useApiHost(); const { payload: detectRestarted = null, send: sendRestart } = useRestart(); - const [dialogTitle, setDialogTitle] = useState("Restart in progress"); - const [showDialogWait, setShowDialogWait] = useState(false); + const [dialogTitle, setDialogTitle] = useState('Restart in progress'); useEffect(() => { if (detectRestarted != null && Number.isInteger(detectRestarted)) { if (!detectRestarted) - setDialogTitle("Server-initiated startup"); - setShowDialog(false); - setShowDialogWait(true); + setDialogTitle('Server-initiated startup'); + setShow(false); } }, [detectRestarted]); @@ -35,18 +33,17 @@ export default function DialogRestart({ showDialog, setShowDialog }) { const handleClick = useCallback(() => { sendRestart(); - setShowDialog(false); + setShow(false); waitPlease(); }); const handleDismiss = useCallback(() => { - setShowDialog(false); - setShowDialogWait(false); + setShow(false); }); return ( - {showDialog ? ( + {show ? (