forked/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2026-03-22 23:43:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Added support to dispatch all UI actions based on mercure bindings on a specific schedule instead of real time

Browse Source
This commit is contained in:
Alejandro Celaya
2020-09-12 08:52:03 +02:00
parent 9b45513684
commit ad437f655e
10 changed files with 31 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
src/mercure/helpers/boundToMercureHub.tsx
View File

@@ -13,13 +13,22 @@ export function boundToMercureHub<T = {}>(
WrappedComponent: FC<MercureBoundProps & T>,
getTopicForProps: (props: T) => string,
) {
const pendingUpdates = new Set<CreateVisit>();
return (props: MercureBoundProps & T) => {
const { createNewVisit, loadMercureInfo, mercureInfo } = props;
const { interval } = mercureInfo;
useEffect(
bindToMercureTopic(mercureInfo, getTopicForProps(props), createNewVisit, loadMercureInfo),
[ mercureInfo ],
);
useEffect(() => {
const onMessage = (visit: CreateVisit) => interval ? pendingUpdates.add(visit) : createNewVisit(visit);
interval && setInterval(() => {
pendingUpdates.forEach(createNewVisit);
pendingUpdates.clear();
}, interval * 1000 * 60);
bindToMercureTopic(mercureInfo, getTopicForProps(props), onMessage, loadMercureInfo);
}, [ mercureInfo ]);
return <WrappedComponent {...props} />;
};