administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-02 01:05:20 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

improved user experience

Browse Source
This commit is contained in:
ElMoribond 2021-07-12 17:49:35 +02:00 committed by GitHub
parent 6471b5b433
commit 48700a4051
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
web/src/components/DialogRestart.jsx
View File

@ -4,18 +4,16 @@ import Dialog from './Dialog';
import { useApiHost } from '../api'; import { useApiHost } from '../api';
import { useRestart } from '../api/mqtt'; import { useRestart } from '../api/mqtt';
export default function DialogRestart({ showDialog, setShowDialog }) { export default function DialogRestart({ show, setShow }) {
const apiHost = useApiHost(); const apiHost = useApiHost();
const { payload: detectRestarted = null, send: sendRestart } = useRestart(); const { payload: detectRestarted = null, send: sendRestart } = useRestart();
const [dialogTitle, setDialogTitle] = useState("Restart in progress"); const [dialogTitle, setDialogTitle] = useState('Restart in progress');
const [showDialogWait, setShowDialogWait] = useState(false);
useEffect(() => { useEffect(() => {
if (detectRestarted != null && Number.isInteger(detectRestarted)) { if (detectRestarted != null && Number.isInteger(detectRestarted)) {
if (!detectRestarted) if (!detectRestarted)
setDialogTitle("Server-initiated startup"); setDialogTitle('Server-initiated startup');
setShowDialog(false); setShow(false);
setShowDialogWait(true);
} }
}, [detectRestarted]); }, [detectRestarted]);
@ -35,18 +33,17 @@ export default function DialogRestart({ showDialog, setShowDialog }) {
const handleClick = useCallback(() => { const handleClick = useCallback(() => {
sendRestart(); sendRestart();
setShowDialog(false); setShow(false);
waitPlease(); waitPlease();
}); });
const handleDismiss = useCallback(() => { const handleDismiss = useCallback(() => {
setShowDialog(false); setShow(false);
setShowDialogWait(false);
}); });
return ( return (
<Fragment> <Fragment>
{showDialog ? ( {show ? (
<Dialog <Dialog
onDismiss={handleDismiss} onDismiss={handleDismiss}
title="Restart Frigate" title="Restart Frigate"