Checking index after refresh

Author: KonradPietocha

src/components/KymaModules/support.ts

@@ -224,3 +224,20 @@ export const setChannel = (
   }
   setSelectedModules(modulesToUpdate);
 };
+
+export const findIndexOfSelectedModule = (
+  module: { name: string },
+  layoutState: { midColumn: { resourceType: string } },
+) => {
+  // Checking index for modules like btp-operator on refresh.
+  if (window.location.href.includes('kymamodules') && layoutState?.midColumn) {
+    const resourceType = layoutState.midColumn.resourceType;
+    const resourceTypeDotIndex = resourceType.indexOf('.');
+    const resourceTypeBase =
+      resourceTypeDotIndex !== -1
+        ? resourceType.substring(0, resourceTypeDotIndex)
+        : resourceType;
+    return pluralize(module?.name?.replace('-', '') || '') === resourceTypeBase;
+  }
+  return false;
+};

src/resources/other/kymaModules.routes.js

@@ -20,6 +20,7 @@ import {
 } from 'components/KymaModules/kymaModulesQueries';
 import { ModulesDeleteBox } from 'components/KymaModules/components/ModulesDeleteBox';
 import { usePrepareLayoutColumns } from 'shared/hooks/usePrepareLayout';
+import { findIndexOfSelectedModule } from 'components/KymaModules/support';
 
 const KymaModulesList = React.lazy(() =>
   import('../../components/KymaModules/KymaModulesList'),
@@ -195,7 +196,12 @@ const ColumnWraper = ({
           <ModulesDeleteBox
             DeleteMessageBox={DeleteMessageBox}
             selectedModules={activeKymaModules}
-            chosenModuleIndex={openedModuleIndex}
+            chosenModuleIndex={
+              openedModuleIndex ??
+              activeKymaModules.findIndex(module =>
+                findIndexOfSelectedModule(module, layoutState),
+              )
+            }
             kymaResource={kymaResource}
             kymaResourceState={kymaResourceState}
             moduleTemplates={moduleTemplates}