diff options
author | Anton Tananaev <anton@traccar.org> | 2024-01-16 20:39:02 -0800 |
---|---|---|
committer | Anton Tananaev <anton@traccar.org> | 2024-01-16 20:39:02 -0800 |
commit | 1c8c5142064478353a7e31fbf144bbd60b1c529d (patch) | |
tree | dd5ea34245ca86b98b61103a6db5401e6383d3e1 /modern/src/UpdateController.jsx | |
parent | d1a9c08571683184ce10b7db5890e2a75bf6179c (diff) | |
download | trackermap-web-1c8c5142064478353a7e31fbf144bbd60b1c529d.tar.gz trackermap-web-1c8c5142064478353a7e31fbf144bbd60b1c529d.tar.bz2 trackermap-web-1c8c5142064478353a7e31fbf144bbd60b1c529d.zip |
Fix file extension (fix #1209)
Diffstat (limited to 'modern/src/UpdateController.jsx')
-rw-r--r-- | modern/src/UpdateController.jsx | 58 |
1 files changed, 58 insertions, 0 deletions
diff --git a/modern/src/UpdateController.jsx b/modern/src/UpdateController.jsx new file mode 100644 index 00000000..0b2b7985 --- /dev/null +++ b/modern/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 { useTranslation } from './common/components/LocalizationProvider'; +import { useRegisterSW } from 'virtual:pwa-register/react' + +// Based on https://vite-pwa-org.netlify.app/frameworks/react.html +function 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; |