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

src/settings/RealTimeUpdates.tsx

@@ -30,7 +30,7 @@ const RealTimeUpdates = (
         <Input
           type="number"
           min={0}
-          placeholder={realTimeUpdates.enabled ? 'Immediate' : ''}
+          placeholder="Immediate"
           disabled={!realTimeUpdates.enabled}
           value={intervalValue(realTimeUpdates.interval)}
           onChange={(e) => setRealTimeUpdatesInterval(Number(e.target.value))}

src/settings/services/provideServices.ts

@@ -13,7 +13,10 @@ const provideServices = (bottle: Bottle, connect: ConnectDecorator) => {
 
   // Services
   bottle.serviceFactory('RealTimeUpdates', () => RealTimeUpdates);
-  bottle.decorator('RealTimeUpdates', connect([ 'settings' ], [ 'setRealTimeUpdatesInterval' ]));
+  bottle.decorator(
+    'RealTimeUpdates',
+    connect([ 'settings' ], [ 'toggleRealTimeUpdates', 'setRealTimeUpdatesInterval' ]),
+  );
 
   // Actions
   bottle.serviceFactory('toggleRealTimeUpdates', () => toggleRealTimeUpdates);