lee/wanderer
1
0
Fork 0
mirror of https://github.com/wanderer-industries/wanderer synced 2025-12-12 02:35:42 +00:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

feat(Core): force map page reload after 30 mins of user inactivity (switched browser/tab)
Some checks failed
Build / 🚀 Deploy to test env (fly.io) (push) Has been cancelled
Details
Build / Manual Approval (push) Has been cancelled
Details
Build / 🛠 Build (1.17, 18.x, 27) (push) Has been cancelled
Details
Build / 🛠 Build Docker Images (linux/amd64) (push) Has been cancelled
Details
Build / 🛠 Build Docker Images (linux/arm64) (push) Has been cancelled
Details
Build / merge (push) Has been cancelled
Details
Build / 🏷 Create Release (push) Has been cancelled
Details

Browse Source
This commit is contained in:
Dmitry Popov
2025-04-17 00:38:20 +02:00
parent f5d502c5ad
commit 2bd343b2da
3 changed files with 19 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
assets/js/hooks/Mapper/useMapperHandlers.ts
View File

@@ -1,5 +1,8 @@
import { RefObject, useCallback } from 'react';
import { MapHandlers } from '@/hooks/Mapper/types/mapHandlers.ts';
import { RefObject, useCallback } from 'react';
// Force reload the page after 30 minutes of inactivity
const FORCE_PAGE_RELOAD_TIMEOUT = 1000 * 60 * 30;
export const useMapperHandlers = (handlerRefs: RefObject<MapHandlers>[], hooksRef: RefObject<any>) => {
const handleCommand = useCallback(
@@ -13,7 +16,13 @@ export const useMapperHandlers = (handlerRefs: RefObject<MapHandlers>[], hooksRe
[hooksRef.current],
);
const handleMapEvent = useCallback(({ type, body }) => {
const handleMapEvent = useCallback(({ type, body, timestamp }) => {
const timeDiff = Date.now() - Date.parse(timestamp);
// If the event is older than the timeout, force reload the page
if (timeDiff > FORCE_PAGE_RELOAD_TIMEOUT) {
window.location.reload();
return;
}
handlerRefs.forEach(ref => {
if (!ref.current) {
return;
@@ -23,14 +32,5 @@ export const useMapperHandlers = (handlerRefs: RefObject<MapHandlers>[], hooksRe
});
}, []);
const handleMapEvents = useCallback(
events => {
events.forEach(event => {
handleMapEvent(event);
});
},
[handleMapEvent],
);
return { handleCommand, handleMapEvent, handleMapEvents };
return { handleCommand, handleMapEvent };
};