Merge pull request #639 from devtron-labs/feat/devtron-installation

feat: move installation fingerprint component to fe-common

Author: arunjaindev

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 +1,2 @@
 export { default as DevtronLicenseCard } from './DevtronLicenseCard'
+export { default as InstallationFingerprintInfo } from './InstallationFingerprintInfo'

src/Shared/Components/DevtronLicenseCard/types.tsx

@@ -0,0 +1,5 @@
+import { DevtronLicenseBaseDTO } from '@Shared/index'
+
+export interface InstallFingerprintInfoProps extends Pick<DevtronLicenseBaseDTO, 'fingerprint'> {
+    showHelpTooltip?: boolean
+}

src/Shared/Helpers.tsx

@@ -1097,6 +1097,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 }),
     }
 }