fix bug when bucket name along changes in route with kbar

Author: prakashsvmx

portal-ui/src/screens/Console/Buckets/BucketDetails/BrowserHandler.tsx

@@ -293,6 +293,16 @@ const BrowserHandler = () => {
     [bucketName, rewindEnabled, showDeleted, dispatch, onMessageCallBack]
   );
 
+  useEffect(() => {
+    // when a bucket param changes, (i.e /browser/:bucketName),  re-init e.g with KBar
+    if (bucketName) {
+      dispatch(resetMessages());
+      dispatch(setLoadingRecords(true));
+      dispatch(setLoadingObjects(true));
+      initWSRequest("", new Date());
+    }
+  }, [bucketName, dispatch]);
+
   useEffect(() => {
     return () => {
       const request: WebsocketRequest = {
@@ -332,7 +342,7 @@ const BrowserHandler = () => {
         )
       );
     }
-  }, [internalPaths, rewindDate, rewindEnabled, dispatch]);
+  }, [bucketName, internalPaths, rewindDate, rewindEnabled, dispatch]);
 
   // Direct file access effect / prefix
   useEffect(() => {

portal-ui/src/screens/Console/ObjectBrowser/OBBucketList.tsx

@@ -57,7 +57,7 @@ import {
 } from "../../../api/consoleApi";
 import { api } from "../../../api";
 import { errorToHandler } from "../../../api/errors";
-import { setLoadingObjects, setShowDeletedObjects } from "./objectBrowserSlice";
+import { setLoadingObjects } from "./objectBrowserSlice";
 
 const useStyles = makeStyles((theme: Theme) =>
   createStyles({
@@ -133,7 +133,6 @@ const OBListBuckets = () => {
     {
       type: "view",
       onClick: (bucket: Bucket) => {
-        dispatch(setShowDeletedObjects(false)); //reset whenever bucket changes
         navigate(`${IAM_PAGES.OBJECT_BROWSER_VIEW}/${bucket.name}`);
       },
     },