Merge branch 'feat/devtron-license' into feat/devtron-license-helpers

Author: AbhishekA1509

src/Shared/Components/DevtronLicenseCard/InstallationFingerprintInfo.tsx

@@ -0,0 +1,29 @@
+import { ClipboardButton } from '@Common/index'
+
+import { DOCUMENTATION_HOME_PAGE } from '@Common/Constants'
+import { InfoIconTippy } from '..'
+import { InstallFingerprintInfoProps } from './types'
+
+const InstallationFingerprintInfo = ({ fingerprint, showHelpTooltip = false }: InstallFingerprintInfoProps) => (
+    <div className="flexbox-col dc__gap-6">
+        <div className="flexbox dc__align-items-center dc__gap-4">
+            <span className="fs-13 lh-20 cn-7 fw-4">Installation Fingerprint</span>
+            {showHelpTooltip && (
+                <InfoIconTippy
+                    heading="Installation Fingerprint"
+                    infoText="A unique fingerprint to identify your Devtron Installation. An enterprise license is generated against an installation fingerprint."
+                    documentationLinkText="Documentation"
+                    iconClassName="icon-dim-20 fcn-6"
+                    placement="right"
+                    documentationLink={DOCUMENTATION_HOME_PAGE}
+                />
+            )}
+        </div>
+        <div className="flex dc__gap-8">
+            <span className="cn-9 fs-13 lh-1-5 fw-4 dc__truncate">{fingerprint}</span>
+            <ClipboardButton content={fingerprint} />
+        </div>
+    </div>
+)
+
+export default InstallationFingerprintInfo

src/Shared/Components/DevtronLicenseCard/index.tsx

@@ -1,3 +1,4 @@
 export { default as DevtronLicenseCard } from './DevtronLicenseCard'
 export { parseDevtronLicenseDTOIntoLicenseCardData } from './utils'
+export { default as InstallationFingerprintInfo } from './InstallationFingerprintInfo'
 export * from './types'

src/Shared/Components/DevtronLicenseCard/types.ts

@@ -1,3 +1,5 @@
+import { DevtronLicenseBaseDTO } from '@Shared/index'
+
 export enum LicenseStatus {
     ACTIVE = 'ACTIVE',
     EXPIRED = 'EXPIRED',
@@ -20,3 +22,7 @@ export type DevtronLicenseCardProps = {
           licenseSuffix: string
       }
 )
+
+export interface InstallFingerprintInfoProps extends Pick<DevtronLicenseBaseDTO, 'fingerprint'> {
+    showHelpTooltip?: boolean
+}

src/Shared/Components/DevtronLicenseCard/utils.tsx

@@ -43,6 +43,8 @@ export const parseDevtronLicenseDTOIntoLicenseCardData = <isCentralDashboard ext
         ttl,
         licenseStatus: getDevtronLicenseStatus({ ttl, reminderThreshold }),
         isTrial,
-        ...(currentUserEmail === claimedByUserDetails?.email ? { licenseKey: license } : { licenseSuffix: license }),
+        ...(currentUserEmail && currentUserEmail === claimedByUserDetails?.email
+            ? { licenseKey: license }
+            : { licenseSuffix: license }),
     }
 }