diff options
Diffstat (limited to 'src/UpdateController.jsx')
-rw-r--r-- | src/UpdateController.jsx | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/src/UpdateController.jsx b/src/UpdateController.jsx new file mode 100644 index 00000000..80ca6dc2 --- /dev/null +++ b/src/UpdateController.jsx @@ -0,0 +1,58 @@ +import { Snackbar, IconButton } from '@mui/material'; +import RefreshIcon from '@mui/icons-material/Refresh'; +import React from 'react'; +import { useSelector } from 'react-redux'; +import { useRegisterSW } from 'virtual:pwa-register/react'; +import { useTranslation } from './common/components/LocalizationProvider'; + +// Based on https://vite-pwa-org.netlify.app/frameworks/react.html +const UpdateController = () => { + const t = useTranslation(); + + const swUpdateInterval = useSelector((state) => state.session.server.attributes.serviceWorkerUpdateInterval || 3600000); + + const { + needRefresh: [needRefresh], + updateServiceWorker, + } = useRegisterSW({ + onRegisteredSW(swUrl, swRegistration) { + if (swUpdateInterval > 0 && swRegistration) { + setInterval(async () => { + if (!(!swRegistration.installing && navigator)) { + return; + } + + if (('connection' in navigator) && !navigator.onLine) { + return; + } + + const newSW = await fetch(swUrl, { + cache: 'no-store', + headers: { + cache: 'no-store', + 'cache-control': 'no-cache', + }, + }); + + if (newSW?.status === 200) { + await swRegistration.update(); + } + }, swUpdateInterval); + } + }, + }); + + return ( + <Snackbar + open={needRefresh} + message={t('settingsUpdateAvailable')} + action={( + <IconButton color="inherit" onClick={() => updateServiceWorker(true)}> + <RefreshIcon /> + </IconButton> + )} + /> + ); +}; + +export default UpdateController; |