Merge pull request #2688 from devtron-labs/fix/ai-integration-flag

chore: return false for ai button if flag is false

Author: arunjaindev

src/components/common/helpers/Helpers.tsx

@@ -785,6 +785,11 @@ export const convertToOptionsList = (
 }
 
 export const importComponentFromFELibrary = (componentName: string, defaultComponent?, type?: 'function') => {
+    // Adding this check as we do not want to import the component if flag is off
+    // Using this as a hack, to be removed soon
+    if (!window._env_.FEATURE_AI_INTEGRATION_ENABLE && componentName === 'ExplainWithAIButton') {
+        return null
+    }
     try {
         let component = defaultComponent || null
         if (!module) {

src/components/v2/appDetails/k8Resource/k8resources.scss

@@ -29,6 +29,10 @@
     grid-template-columns: 1fr 80px 20px;
     column-gap: 12px;
 
+    &.explain-ai-button {
+        grid-template-columns: 1fr 80px 32px 20px !important;
+    }
+
     &--col-6 {
         grid-template-columns: 1fr 50px 100px 60px 80px 20px;