Fixed more on the banners

Author: antbac

public/src/App.tsx

@@ -3,7 +3,7 @@ import { BrowserRouter as Router, Switch, Route } from "react-router-dom";
 import { useSelector, useDispatch } from 'react-redux'
 import { useAlert } from 'react-alert';
 import { loadQueues } from './actions/queueActions';
-import { loadBanners } from './actions/bannerActions';
+import { loadBanners, hideBanner } from './actions/bannerActions';
 import HomePage from './pages/Home';
 import Queue from './pages/Queue';
 import NavBar from './viewcomponents/NavBar';
@@ -28,7 +28,17 @@ export default (): JSX.Element => {
   dispatch(loadBanners());
 
   useEffect(() => {
-    
+    const seenBanners = (localStorage.getItem('SeenBanners') ?? []) as number[];
+    for (let banner of banners) {
+      if (banner.startTime > Date.now() || banner.endTime < Date.now() || seenBanners.some(id => id === banner.id)) {
+        continue;
+      }
+
+      alert.show(banner.message,
+      {
+        onClose: () => dispatch(hideBanner(banner.id))
+      });
+    }
   }, [banners]);
 
   return (

public/src/reducers/bannerReducer.ts

@@ -24,6 +24,10 @@ export default (state = initialState, action: FluxStandardAction) => {
     }
 
     case BannerActionTypes.HideBanner: {
+      const token = 'SeenBanners';
+      const seenBanners = (localStorage.getItem(token) ?? []) as number[];
+      seenBanners.push(action.payload.id);
+      localStorage.setItem(token, JSON.stringify(seenBanners));
       return state;
     }