Merge pull request #2886 from devtron-labs/feat/freemium-messaging

feat: update messaging for 2 cluster in freemium

Author: arunjaindev

package.json

@@ -4,7 +4,7 @@
     "private": true,
     "homepage": "/dashboard",
     "dependencies": {
-        "@devtron-labs/devtron-fe-common-lib": "1.19.3",
+        "@devtron-labs/devtron-fe-common-lib": "1.19.4",
         "@esbuild-plugins/node-globals-polyfill": "0.2.3",
         "@rjsf/core": "^5.13.3",
         "@rjsf/utils": "^5.13.3",

src/Pages/Shared/UpgradeToEnterprise/UpgradeToEnterpriseDialog.tsx

@@ -3,10 +3,10 @@ import {
     ButtonComponentType,
     ButtonStyleType,
     ButtonVariantType,
+    ComponentSizeType,
     CONTACT_SALES_LINK,
     GenericModal,
     Icon,
-    noop,
 } from '@devtron-labs/devtron-fe-common-lib'
 
 const ENTERPRISE_PLAN_OFFERINGS = [
@@ -18,7 +18,14 @@ const ENTERPRISE_PLAN_OFFERINGS = [
 ]
 
 const UpgradeToEnterpriseDialog = ({ open, handleClose }: { open: boolean; handleClose: () => void }) => (
-    <GenericModal name="upgrade-to-enterprise" open={open} width={450} onClose={noop}>
+    <GenericModal
+        name="upgrade-to-enterprise"
+        open={open}
+        width={450}
+        borderRadius={16}
+        onClose={handleClose}
+        onEscape={handleClose}
+    >
         <GenericModal.Body>
             <div
                 className="p-32 flexbox-col dc__gap-32"
@@ -38,16 +45,21 @@ const UpgradeToEnterpriseDialog = ({ open, handleClose }: { open: boolean; handl
                             onClick={handleClose}
                             ariaLabel="close-upgrade-dialog"
                             showAriaLabelInTippy={false}
+                            size={ComponentSizeType.medium}
                         />
                     </div>
                     <div className="flexbox-col dc__gap-8">
-                        <h1 className="fs-24 lh-1-5 fw-7 cn-9 m-0">Upgrade to Enterprise Plan</h1>
-                        <span className="fs-16 fw-4 lh-1-5 cn-9">
-                            Your freemium plan allows only 1 cluster. Unlock more to scale without limits.
-                        </span>
+                        <h1 className="fs-24 lh-1-5 fw-7 cn-9 m-0 font-merriweather">Upgrade to Enterprise Plan</h1>
+                        <div className="flexbox-col dc__gap-20 fs-16 fw-4 cn-9 lh-1-5">
+                            <span>
+                                Freemium plan allows managing the Devtron host cluster along with one additional
+                                cluster.
+                            </span>
+                            <span>Switch to Enterprise plan to scale without limits.</span>
+                        </div>
                     </div>
                 </div>
-                <div className="flexbox-col border__primary-translucent br-12 shadow__card--10">
+                <div className="flexbox-col border__primary-translucent bg__primary br-12 shadow__card--10">
                     <div className="flexbox-col dc__gap-16 p-20">
                         <span className="fs-15 fw-6 lh-1-5 cn-9">What’s included</span>
                         <div className="flexbox-col dc__gap-8">
@@ -59,7 +71,7 @@ const UpgradeToEnterpriseDialog = ({ open, handleClose }: { open: boolean; handl
                             ))}
                         </div>
                     </div>
-                    <div className="divider__primary--horizontal" />
+                    <div className="divider__secondary--horizontal" />
                     <div className="p-20 flexbox-col dc__gap-20">
                         <div className="flexbox-col dc__gap-4">
                             <span className="fs-15 fw-6 lh-1-5 cn-9">Unlock Devtron&apos;s Full Potential</span>

yarn.lock

@@ -1722,9 +1722,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@devtron-labs/devtron-fe-common-lib@npm:1.19.3":
-  version: 1.19.3
-  resolution: "@devtron-labs/devtron-fe-common-lib@npm:1.19.3"
+"@devtron-labs/devtron-fe-common-lib@npm:1.19.4":
+  version: 1.19.4
+  resolution: "@devtron-labs/devtron-fe-common-lib@npm:1.19.4"
   dependencies:
     "@codemirror/autocomplete": "npm:6.18.6"
     "@codemirror/lang-json": "npm:6.0.1"
@@ -1774,7 +1774,7 @@ __metadata:
     react-select: 5.8.0
     rxjs: ^7.8.1
     yaml: ^2.4.1
-  checksum: 10c0/cf115ec25a1be16b93b05a71cf5f7efd884649e1f0daa9facf7c1f56ab206575e07ee387f69b280b4ee5569fb1d5ef293b9256060fa22b484958f66738a32f34
+  checksum: 10c0/8de6d2cf1d0b82244b9623d8f449ee5547ccb23e0794d15359fbab85392079219322c2baee946e2149a62f49b3cc0192096fac64e8ade08b12aa8e650d75c3c0
   languageName: node
   linkType: hard
 
@@ -5721,7 +5721,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "dashboard@workspace:."
   dependencies:
-    "@devtron-labs/devtron-fe-common-lib": "npm:1.19.3"
+    "@devtron-labs/devtron-fe-common-lib": "npm:1.19.4"
     "@esbuild-plugins/node-globals-polyfill": "npm:0.2.3"
     "@playwright/test": "npm:^1.32.1"
     "@rjsf/core": "npm:^5.13.3"