From b77a0517d14a589ea7ccd6826d2fcfa44ded2577 Mon Sep 17 00:00:00 2001
From: mrCherry97 <mwisnia97@gmail.com>
Date: Tue, 22 Oct 2024 11:37:39 +0200
Subject: [PATCH] feat: add onChange

---
 .../KymaModules/KymaModulesCreate.js          | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/src/components/KymaModules/KymaModulesCreate.js b/src/components/KymaModules/KymaModulesCreate.js
index f3cabd9c5a..fbd8980c8b 100644
--- a/src/components/KymaModules/KymaModulesCreate.js
+++ b/src/components/KymaModules/KymaModulesCreate.js
@@ -97,6 +97,20 @@ export default function KymaModulesCreate({ resource, ...props }) {
     });
     setIsEdited(true);
   };
+
+  const setManaged = (managed, index) => {
+    selectedModules[index].managed = managed;
+
+    setKymaResource({
+      ...kymaResource,
+      spec: {
+        ...kymaResource.spec,
+        modules: selectedModules,
+      },
+    });
+    setIsEdited(true);
+  };
+
   const installedModules = modules?.items.filter(module => {
     const name =
       module.metadata?.labels['operator.kyma-project.io/module-name'];
@@ -170,7 +184,7 @@ export default function KymaModulesCreate({ resource, ...props }) {
       const index = selectedModules?.findIndex(selectedModule => {
         return selectedModule.name === module?.name;
       });
-      console.log(module);
+
       const mod = (
         <FlexBox
           direction="Column"
@@ -223,6 +237,10 @@ export default function KymaModulesCreate({ resource, ...props }) {
           <CheckBox
             text={t('kyma-modules.managed')}
             checked={findSpec(module.name)?.managed}
+            onChange={event => {
+              console.log(event.target.checked);
+              setManaged(event.target.checked, index);
+            }}
           />
         </FlexBox>
       );