added polling for projects list.

Author: talhainvenxion

src/redux/actions/projects/getMyProjectsAction.ts

@@ -2,9 +2,13 @@ import { projectActionTypes } from '../../actionTypes';
 import getMyProjectsApi from '../../../api/projects/getMyProjectsApi';
 
 export const getMyProjectsAction = ({
+  selectDefault,
+  selectedProject,
   onSuccess,
   onFailure,
 }: {
+  selectedProject?: string;
+  selectDefault?: boolean;
   onSuccess?: () => void;
   onFailure?: () => void;
 }): TRequestAction => ({
@@ -14,6 +18,7 @@ export const getMyProjectsAction = ({
     isAuthenticated: true,
     failureActionType: projectActionTypes.getMyProjects.failure,
     successActionType: projectActionTypes.getMyProjects.success,
+    params: { selectDefault, selectedProject },
     onSuccess,
     onFailure,
   },

src/redux/reducers/projectsReducer.ts

@@ -14,6 +14,7 @@ type ProjectsPayload = Projects[];
 type ProjectPayload = Projects;
 
 export type Action = {
+  requestParams: any;
   type: string;
   payload: any;
 };
@@ -49,12 +50,19 @@ const projectsReducer = (
       const myProjectIds: TId[] = projects.map(
         (project: Projects) => project.id,
       );
-      const defaultSelectedProject = projects[0].name;
+      if (action.requestParams.selectDefault === undefined) {
+        const defaultSelectedProject = projects[0].name;
 
-      return {
-        ...newState(state, projects, defaultSelectedProject),
-        myProjectIds,
-      };
+        return {
+          ...newState(state, projects, defaultSelectedProject),
+          myProjectIds,
+        };
+      } else {
+        return {
+          ...newState(state, projects, action.requestParams.selectedProject),
+          myProjectIds,
+        };
+      }
     }
     case projectActionTypes.selectProject.success: {
       const { seletecdProject, allProjects } = action.payload as any;

src/ui/layouts/common/layouts/AuthenticatedLayout/AuthenticatedHeader.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import {
   FlexBox,
   Box,
@@ -34,7 +34,19 @@ export const AuthenticatedHeader: React.FC<{
   const [popupOpen, setPopupOpen] = useState<boolean>(false);
   const dispatch = useDispatch();
   const { push } = usePushRoute();
+  useEffect(() => {
+    const intervalId = setInterval(() => {
+      //assign interval to a variable to clear it.
 
+      dispatch(
+        projectsActions.getMy({ selectDefault: false, selectedProject }),
+      );
+    }, 5000);
+
+    return () => clearInterval(intervalId);
+
+    //This is important
+  });
   if (!user) return null;
 
   const userFullName = user.fullName || user.name || DEFAULT_FULL_NAME;