Merge pull request #535 from AI4Bharat/tab-index-fix

Tab index fix
AI4Bharat · Jan 10, 2024 · 683d77c · 683d77c
2 parents d94068c + e6c6f96
commit 683d77c
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 24 deletions.
diff --git a/src/containers/Organization/Project/Project.jsx b/src/containers/Organization/Project/Project.jsx
@@ -17,7 +17,6 @@ import {
   FetchVideoListAPI,
   UploadCSVAPI,
   setSnackBar,
-  updateProjectTabIndex,
 } from "redux/actions";
 import C from "redux/constants";
 
@@ -102,6 +101,7 @@ const Project = () => {
   const [alertMessage, setAlertMessage] = useState("");
   const [alertColumn, setAlertColumn] = useState("");
   const [orgOwnerId, setOrgOwnerId] = useState("");
+  const [tabIndex, setTabIndex] = useState(0);
 
   const projectInfo = useSelector((state) => state.getProjectDetails.data);
   const projectvideoList = useSelector(
@@ -110,7 +110,6 @@ const Project = () => {
   const userData = useSelector((state) => state.getLoggedInUserDetails.data);
   const userList = useSelector((state) => state.getOrganizatioUsers.data);
   const apiStatus = useSelector((state) => state.apiStatus);
-  const tabIndex = useSelector((state) => state.taskFilters.tabIndex);
 
   useEffect(() => {
     if (userData && userData.id) {
@@ -179,6 +178,9 @@ const Project = () => {
   };
 
   useEffect(() => {
+    const temp = +localStorage.getItem("projectTabIndex");
+    temp && setTabIndex(temp);
+
     getProjectMembers();
     GetManagerName();
     getProjectnDetails();
@@ -352,9 +354,10 @@ const Project = () => {
         <Box>
           <Tabs
             value={tabIndex}
-            onChange={(_event, newValue) =>
-              dispatch(updateProjectTabIndex(newValue))
-            }
+            onChange={(_event, newValue) => {
+              setTabIndex(newValue);
+              localStorage.setItem("projectTabIndex", newValue);
+            }}
             aria-label="basic tabs example"
           >
             <Tab label={"Videos"} sx={{ fontSize: 16, fontWeight: "700" }} />

diff --git a/src/redux/actions/index.js b/src/redux/actions/index.js
@@ -127,7 +127,6 @@ import {
   updateColumnDisplay,
   updateSelectedFilter,
   updateSortOptions,
-  updateProjectTabIndex,
   updateProjectSearchValues,
 } from "./taskFilters";
 
@@ -260,7 +259,6 @@ export {
   updateColumnDisplay,
   updateSelectedFilter,
   updateSortOptions,
-  updateProjectTabIndex,
   updateProjectSearchValues,
   updateOrgColumnDisplay,
   updateOrgSelectedFilter,

diff --git a/src/redux/actions/taskFilters.js b/src/redux/actions/taskFilters.js
@@ -21,13 +21,6 @@ export const updateSortOptions = (payload) => {
   };
 };
 
-export const updateProjectTabIndex = (payload) => {
-  return {
-    type: C.PROJECT_TAB_INDEX,
-    payload,
-  };
-};
-
 export const updateProjectSearchValues = (payload) => {
   return {
     type: C.PROJECT_SEARCH_VALUES,

diff --git a/src/redux/constants.js b/src/redux/constants.js
@@ -143,9 +143,6 @@ const constants = {
   ORG_COLUMN_DISPLAY: "ORG_COLUMN_DISPLAY",
   ORG_SEARCH_VALUES: "ORG_SEARCH_VALUES",
   CURRENT_ORG_SEARCHED_COLUMN: "CURRENT_ORG_SEARCHED_COLUMN",
-
-  //Project Tabs
-  PROJECT_TAB_INDEX: "PROJECT_TAB_INDEX",
 };
 
 export default constants;
diff --git a/src/redux/reducers/Project/TaskFilters.js b/src/redux/reducers/Project/TaskFilters.js
@@ -16,7 +16,6 @@ const initialState = {
     created_at: false,
     updated_at: false,
   },
-  tabIndex: 0,
   searchValue: {
     id: "",
     video_name: "",
@@ -49,12 +48,6 @@ const reducer = (state = initialState, action) => {
         columnDisplay: action.payload,
       };
 
-    case constants.PROJECT_TAB_INDEX:
-      return {
-        ...state,
-        tabIndex: action.payload,
-      };
-
     case constants.PROJECT_SEARCH_VALUES:
       return {
         ...state,