feat: hide version in case of mismatch

Author: arunjaindev

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.12.0-pre-2",
+    "version": "1.12.0-pre-3",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -8,12 +8,14 @@ import { Button, ButtonComponentType, ButtonStyleType, ButtonVariantType } from
 import { InstallationType } from '../Header/types'
 import { Icon } from '../Icon'
 
-const AboutDevtronBody = () => {
+const AboutDevtronBody = ({ isFELibAvailable }: { isFELibAvailable: boolean }) => {
     const { currentServerInfo } = useMainContext()
 
     const currentVersion = currentServerInfo?.serverInfo?.currentVersion
     const isEnterprise = currentServerInfo?.serverInfo?.installationType === InstallationType.ENTERPRISE
 
+    const isVersionSame = isFELibAvailable === isEnterprise
+
     const handleEULAClick = () => {
         ReactGA.event({
             category: 'about-devtron',
@@ -29,7 +31,9 @@ const AboutDevtronBody = () => {
                 </div>
                 <div>
                     <p className="fs-16 cn-9 fw-6 lh-1-5 m-0">Devtron</p>
-                    <p className="fs-13 cn-7 fw-4 lh-20 m-0">{`${isEnterprise ? 'Enterprise' : 'OSS'} Version${currentVersion ? `(${currentVersion})` : ''}`}</p>
+                    {isVersionSame && (
+                        <p className="fs-13 cn-7 fw-4 lh-20 m-0">{`${isEnterprise ? 'Enterprise' : 'OSS'} Version${currentVersion ? `(${currentVersion})` : ''}`}</p>
+                    )}
                 </div>
                 <DevtronCopyright />
             </div>

src/Shared/Components/AboutDevtron/AboutDevtronBody.tsx

@@ -4,11 +4,17 @@ import { Backdrop } from '../Backdrop'
 import { Button } from '../Button'
 import AboutDevtronBody from './AboutDevtronBody'
 
-const AboutDevtronDialog = ({ handleCloseLicenseInfoDialog }: { handleCloseLicenseInfoDialog }) => (
+const AboutDevtronDialog = ({
+    handleCloseLicenseInfoDialog,
+    isFELibAvailable,
+}: {
+    handleCloseLicenseInfoDialog: () => void
+    isFELibAvailable: boolean
+}) => (
     <Backdrop onEscape={handleCloseLicenseInfoDialog}>
         <div className="flexbox-col w-400 br-12 bg__primary border__primary dc__m-auto mt-40">
             <div className="p-24">
-                <AboutDevtronBody />
+                <AboutDevtronBody isFELibAvailable={isFELibAvailable} />
             </div>
             <div className="flex px-24 py-20 dc__content-end">
                 <Button