fix to show or hide show deleted objects option based on versioning status

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, initWSRequest]);
+
   useEffect(() => {
     return () => {
       const request: WebsocketRequest = {
@@ -333,7 +343,7 @@ const BrowserHandler = () => {
         )
       );
     }
-  }, [internalPaths, rewindDate, rewindEnabled, dispatch]);
+  }, [bucketName, internalPaths, rewindDate, rewindEnabled, dispatch]);
 
   // Direct file access effect / prefix
   useEffect(() => {

portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ListObjects/ListObjects.tsx

@@ -142,6 +142,7 @@ import {
 
 import FilterObjectsSB from "../../../../ObjectBrowser/FilterObjectsSB";
 import AddAccessRule from "../../../BucketDetails/AddAccessRule";
+import { isVersionedMode } from "../../../../../../utils/validationFunctions";
 
 const DeleteMultipleObjects = withSuspense(
   React.lazy(() => import("./DeleteMultipleObjects"))
@@ -257,7 +258,7 @@ const ListObjects = () => {
     (state: AppState) => state.objectBrowser.simplePath
   );
 
-  const isVersioned = useSelector(
+  const versioningConfig = useSelector(
     (state: AppState) => state.objectBrowser.versionInfo
   );
   const lockingEnabled = useSelector(
@@ -298,6 +299,7 @@ const ListObjects = () => {
   const [canPreviewFile, setCanPreviewFile] = useState<boolean>(false);
   const [quota, setQuota] = useState<BucketQuota | null>(null);
 
+  const isVersioningApplied = isVersionedMode(versioningConfig.status);
   const bucketName = params.bucketName || "";
 
   const pathSegment = location.pathname.split(`/browser/${bucketName}/`);
@@ -925,7 +927,7 @@ const ListObjects = () => {
           selectedBucket={bucketName}
           selectedObjects={selectedObjects}
           closeDeleteModalAndRefresh={closeDeleteMultipleModalAndRefresh}
-          versioning={isVersioned}
+          versioning={versioningConfig}
         />
       )}
       {rewindSelect && (
@@ -1056,7 +1058,7 @@ const ListObjects = () => {
                         setRewindSelect(true);
                       }}
                       disabled={
-                        !isVersioned ||
+                        !isVersioningApplied ||
                         !hasPermission(bucketName, [
                           IAM_SCOPES.S3_GET_OBJECT,
                           IAM_SCOPES.S3_GET_ACTIONS,
@@ -1163,7 +1165,7 @@ const ListObjects = () => {
                         bucketName={bucketName}
                         internalPaths={pageTitle}
                         additionalOptions={
-                          !isVersioned || rewindEnabled ? null : (
+                          !isVersioningApplied || rewindEnabled ? null : (
                             <div>
                               <CheckboxWrapper
                                 name={"deleted_objects"}
@@ -1214,7 +1216,7 @@ const ListObjects = () => {
                       internalPaths={selectedInternalPaths}
                       bucketName={bucketName}
                       onClosePanel={onClosePanel}
-                      versioningInfo={isVersioned}
+                      versioningInfo={versioningConfig}
                       locking={lockingEnabled}
                     />
                   )}