feat: Add feature flag for community modules (#3944)

Author: mrCherry97

kyma/environments/dev/config.yaml

@@ -101,3 +101,5 @@ config:
       isEnabled: true
     SNOW:
       isEnabled: false
+    COMMUNITY_MODULES:
+      isEnabled: false

kyma/environments/prod/config.yaml

@@ -102,3 +102,5 @@ config:
       isEnabled: true
     SNOW:
       isEnabled: false
+    COMMUNITY_MODULES:
+      isEnabled: false

kyma/environments/stage/config.yaml

@@ -100,3 +100,5 @@ config:
       isEnabled: true
     SNOW:
       isEnabled: false
+    COMMUNITY_MODULES:
+      isEnabled: false

public/defaultConfig.yaml

@@ -81,3 +81,5 @@ config:
       link: https://sapinsights.eu.qualtrics.com/jfe/form/SV_d3UPNymSgUHAb9Y?product=SAP%20BTP,%20Kyma%20Runtime&product_filter=Kyma
     SNOW:
       isEnabled: false
+    COMMUNITY_MODULES:
+      isEnabled: false

src/components/KymaModules/KymaModulesList.js

@@ -15,10 +15,14 @@ import { ModuleTemplatesContext } from './providers/ModuleTemplatesProvider';
 import { checkSelectedModule } from './support';
 import { useRecoilValue } from 'recoil';
 import { columnLayoutState } from 'state/columnLayoutAtom';
+import { useFeature } from 'hooks/useFeature';
 
 export default function KymaModulesList({ namespaced }) {
   const { t } = useTranslation();
   const layoutState = useRecoilValue(columnLayoutState);
+  const { isEnabled: isCommunityModulesEnabled } = useFeature(
+    'COMMUNITY_MODULES',
+  );
 
   const {
     resourceName,
@@ -81,17 +85,19 @@ export default function KymaModulesList({ namespaced }) {
               setSelectedEntry={setSelectedEntry}
             />
           )}
-          <CommunityModulesList
-            key="community-modules-list"
-            moduleTemplates={communityModuleTemplates}
-            selectedModules={installedCommunityModules}
-            modulesLoading={communityModulesLoading}
-            namespaced={namespaced}
-            setOpenedModuleIndex={setOpenedCommunityModuleIndex}
-            handleResourceDelete={handleResourceDelete}
-            customSelectedEntry={selectedEntry}
-            setSelectedEntry={setSelectedEntry}
-          />
+          {isCommunityModulesEnabled && (
+            <CommunityModulesList
+              key="community-modules-list"
+              moduleTemplates={communityModuleTemplates}
+              selectedModules={installedCommunityModules}
+              modulesLoading={communityModulesLoading}
+              namespaced={namespaced}
+              setOpenedModuleIndex={setOpenedCommunityModuleIndex}
+              handleResourceDelete={handleResourceDelete}
+              customSelectedEntry={selectedEntry}
+              setSelectedEntry={setSelectedEntry}
+            />
+          )}
         </>
       }
       inlineEditForm={() => (

src/state/types.ts

@@ -33,6 +33,7 @@ export const configFeaturesNames = {
   CLUSTER_VALIDATION: 'CLUSTER_VALIDATION',
   FEEDBACK: 'FEEDBACK',
   SNOW: 'SNOW',
+  COMMUNITY_MODULES: 'COMMUNITY_MODULES',
 } as const;
 
 export type ConfigFeatureList = {