feat: remove the Preview badge COMPASS-7890 (#5749)

alenakhineika · web-flow · commit f5388d4522df · 2024-04-30T11:06:52.000+02:00
diff --git a/packages/atlas-service/src/components/ai-signin-modal.tsx b/packages/atlas-service/src/components/ai-signin-modal.tsx
@@ -1,7 +1,6 @@
 import React from 'react';
 import { connect } from 'react-redux';
 import {
-  Badge,
   Body,
   Icon,
   Link,
@@ -31,18 +30,10 @@ const titleStyles = css({
   alignItems: 'center',
 });
 
-const paragraphStyles = css({
-  marginBottom: spacing[200],
-});
-
 const disclaimer = css({
   padding: `0 ${spacing[900]}px`,
 });
 
-const previewBadgeStyles = css({
-  marginBottom: spacing[400],
-});
-
 const AISignInModal: React.FunctionComponent<SignInModalProps> = ({
   isSignInModalVisible = false,
   isSignInInProgress = false,
@@ -67,9 +58,6 @@ const AISignInModal: React.FunctionComponent<SignInModalProps> = ({
       graphic={<AISignInImageBanner></AISignInImageBanner>}
       title={
         <div className={titleStyles}>
-          <Badge variant="blue" className={previewBadgeStyles}>
-            Preview
-          </Badge>
           Use natural language to generate queries and pipelines
         </div>
       }
@@ -102,13 +90,11 @@ const AISignInModal: React.FunctionComponent<SignInModalProps> = ({
       linkText="Not now"
       onLinkClick={onSignInModalClose}
     >
-      <div>
-        <Body className={paragraphStyles}>
-          Atlas users can now quickly create queries and aggregations with
-          MongoDB&apos;s&nbsp; intelligent AI-powered feature, available today
-          in Compass.
-        </Body>
-      </div>
+      <Body>
+        Atlas users can now quickly create queries and aggregations with
+        MongoDB&apos;s&nbsp; intelligent AI-powered feature, available today in
+        Compass.
+      </Body>
     </MarketingModal>
   );
 };
diff --git a/packages/compass-settings/src/components/settings/settings-list.tsx b/packages/compass-settings/src/components/settings/settings-list.tsx
@@ -78,13 +78,6 @@ function SettingLabel({ name }: { name: SupportedPreferences }) {
             <Badge className={devBadgeStyles}>dev</Badge>
           </span>
         )}
-        {name === 'enableGenAIFeatures' && (
-          <span>
-            <Badge variant="blue" className={devBadgeStyles}>
-              Preview
-            </Badge>
-          </span>
-        )}
       </Label>
       {long && <Description>{long}</Description>}
     </>
