on cancel, takes user back to my item

src/components/Resources/index.jsx

@@ -77,7 +77,8 @@ export default function Resources(props) {
     getUploadedFiles();
   }, [uploadsTable]);
 
-  const [tab, setTab] = useState(tab_categories ? tab_categories[0]?.name : "");
+  // const [tab, setTab] = useState(tab_categories ? tab_categories[0]?.name : "");
+  const [tab, setTab] = useState(props.activeTab? props.activeTab : tab_categories ? tab_categories[0]?.name : "");
 
   const tabHandler = (value) => {
     setTab(value);
@@ -99,9 +100,12 @@ export default function Resources(props) {
     activity: <ActivitiesTab />,
   };
 
-  const defaultTabComponent = <BlogTab blogdata={blogItems} />;
+  // const defaultTabComponent = <BlogTab blogdata={blogItems} />;
 
-  const selectedTabComponent = tabComponents[tab] || defaultTabComponent;
+  // const selectedTabComponent = tabComponents[tab] || defaultTabComponent;
+
+    const defaultTabComponent = props.activeTab ? tabComponents[props.activeTab] : <BlogTab blogdata={blogItems} />;
+    const selectedTabComponent = tabComponents[tab] || defaultTabComponent;
 
   // Tab Item Component
   const TabItem = ({ tabValue, isActive }) => {

src/components/UploadProduct/index.jsx

@@ -7,10 +7,12 @@ import Layout from "../Partials/Layout";
 import ProductUploadField from "./ProductUploadField";
 import LoadingSpinner from "../Spinners/LoadingSpinner";
 import usersService from "../../services/UsersService";
+import { useNavigate } from "react-router-dom";
 
 export default function UploadProduct({uploadTypes}) {
   const apiCall = new usersService()
   const [requestStatus, setRequestStatus] = useState({loading: false, status: null, message: ''}) // DETERMINES THE STATUS OF UPLOAD
+  const navigate = useNavigate()
 
   // preview modal
   const [previewProductModal, setPreviewProductModal] = useState(false);
@@ -246,6 +248,7 @@ export default function UploadProduct({uploadTypes}) {
     setPurchase(false);
     cancelUploadModalHandler();
     setImg(null);
+    navigate('/resources', {state:{tab:'created'}})
   };
   return (
     <>

src/views/ResourcePage.jsx

@@ -1,7 +1,9 @@
 import React, { useState, useEffect } from "react";
 import Resources from "../components/Resources";
 import usersService from "../services/UsersService";
+import { useLocation } from "react-router-dom";
 export default function ResourcePage() {
+  const {state, pathname} = useLocation() // CHECKS IF THERE IS AN ACTIVE TAB WITH LINK BACK TO RESOURCES
   const [MyResourceData, setMyResourceData] = useState([]);
   const api = new usersService();
 
@@ -17,5 +19,5 @@ export default function ResourcePage() {
     getMyResourceData();
   }, []);
 
-  return <Resources MyResourceData={MyResourceData} />;
+  return <Resources MyResourceData={MyResourceData} activeTab={state ? state.tab : ''} />;
 }