fix: SourceInfo - Tippy to Tooltip change

Author: RohitRaj011

src/components/app/details/appDetails/SourceInfo.tsx

@@ -24,6 +24,7 @@ import {
     getIsManualApprovalConfigured,
     ReleaseMode,
     showError,
+    Tooltip,
 } from '@devtron-labs/devtron-fe-common-lib'
 import { URLS } from '../../../../config'
 import { EnvSelector } from './AppDetails'
@@ -49,19 +50,6 @@ import HelmAppConfigApplyStatusCard from '@Components/v2/appDetails/sourceInfo/e
 const AppDetailsDownloadCard = importComponentFromFELibrary('AppDetailsDownloadCard')
 const DeploymentWindowStatusCard = importComponentFromFELibrary('DeploymentWindowStatusCard')
 
-const renderWithTippy = (isArgoCdApp: boolean) => (children: JSX.Element) => (
-    <Tippy
-        className="default-tt"
-        arrow={false}
-        placement="top"
-        content={`Deployed using ${
-            isArgoCdApp ? DeploymentAppTypeNameMapping.GitOps : DeploymentAppTypeNameMapping.Helm
-        }`}
-    >
-        {children}
-    </Tippy>
-)
-
 export const SourceInfo = ({
     appDetails,
     setDetailed = null,
@@ -187,11 +175,17 @@ export const SourceInfo = ({
                     disabled={loadingDetails || loadingResourceTree || (params.envId && !showCommitInfo)}
                 />
                 {appDetails?.deploymentAppType && (
-                    <ConditionalWrap wrap={renderWithTippy(isArgoCdApp)} condition={!appDetails.isVirtualEnvironment}>
-                        <div className="flex">
+                    <Tooltip
+                        placement="top"
+                        alwaysShowTippyOnHover={!appDetails.isVirtualEnvironment}
+                        content={`Deployed using ${
+                            isArgoCdApp ? DeploymentAppTypeNameMapping.GitOps : DeploymentAppTypeNameMapping.Helm
+                        }`}
+                    >
+                        <div className={`flex ${!appDetails.isVirtualEnvironment ? 'ml-16' : ''}`}>
                             <DeploymentTypeIcon deploymentAppType={appDetails?.deploymentAppType} />
                         </div>
-                    </ConditionalWrap>
+                    </Tooltip>
                 )}
                 {isdeploymentAppDeleting && (
                     <div data-testid="deleteing-argocd-pipeline">

src/components/common/DeploymentTypeIcon/DeploymentTypeIcon.tsx

@@ -38,13 +38,13 @@ function DeploymentTypeIcon({
             return <VirtualEnvHelpTippy isVirtualIcon />
         }
         if (deploymentAppType === DeploymentAppTypes.GITOPS || appType === AppType.EXTERNAL_ARGO_APP) {
-            return <ArgoCD data-testid="argo-cd-app-logo" className="icon-dim-32 ml-16" />
+            return <ArgoCD data-testid="argo-cd-app-logo" className="icon-dim-32" />
         }
         if (appType === AppType.EXTERNAL_FLUX_APP) {
-            return <FluxCD data-testid="flux-cd-app-logo" className="icon-dim-32 ml-16" />
+            return <FluxCD data-testid="flux-cd-app-logo" className="icon-dim-32" />
         }
         if (deploymentAppType === DeploymentAppTypes.HELM) {
-            return <Helm data-testid="helm-app-logo" className="icon-dim-32 ml-16" />
+            return <Helm data-testid="helm-app-logo" className="icon-dim-32" />
         }
         return null
     }

src/components/v2/appDetails/sourceInfo/EnvironmentSelector.component.tsx

@@ -312,7 +312,7 @@ const EnvironmentSelectorComponent = ({
                             placement="top"
                             content={`Deployed using ${getDeployedUsing()}`}
                         >
-                            <div className="flex">
+                            <div className={`flex ${!isVirtualEnvironment ? 'ml-16' : ''}`}>
                                 <DeploymentTypeIcon
                                     deploymentAppType={appDetails.deploymentAppType}
                                     appType={appDetails.appType}
@@ -412,7 +412,7 @@ const EnvironmentSelectorComponent = ({
                 <TriggerUrlModal
                     installedAppId={params.appId}
                     isExternalApp={isExternalApp}
-                    appId={appDetails.appType !== AppType.DEVTRON_HELM_CHART ? appIdentifier : '' }
+                    appId={appDetails.appType !== AppType.DEVTRON_HELM_CHART ? appIdentifier : ''}
                     envId={params.envId}
                     close={closeUrlInfo}
                     appType={appDetails.appType}