css-fixes

Author: Ash-exp

src/components/v2/chartDeploymentHistory/ChartDeploymentHistory.component.tsx

@@ -292,21 +292,21 @@ function ChartDeploymentHistory({
                                         gridColumnGap: '12px',
                                     }}
                                 >
-                                    {installedAppInfo ? 
-                                        <div
-                                            className={`dc__app-summary__icon icon-dim-22 ${
-                                                deployment?.status &&
-                                                installedAppInfo?.deploymentType === DeploymentAppTypes.GITOPS || installedAppInfo?.deploymentType === DeploymentAppTypes.MANIFEST_DOWNLOAD
-                                                    ? deployment?.status.toLowerCase()
-                                                    : ''
-                                            } ${
-                                                installedAppInfo?.deploymentType === DeploymentAppTypes.HELM
-                                                    ? helmDeploymentStatus
-                                                    : ''
-                                            }`}
-                                        ></div> : ''}
+                                    <div
+                                        className={`dc__app-summary__icon icon-dim-22 ${
+                                            (deployment?.status &&
+                                                installedAppInfo?.deploymentType === DeploymentAppTypes.GITOPS) ||
+                                            installedAppInfo?.deploymentType === DeploymentAppTypes.MANIFEST_DOWNLOAD
+                                                ? deployment?.status.toLowerCase()
+                                                : ''
+                                        } ${
+                                            deployment?.status
+                                                ? helmDeploymentStatus
+                                                : ''
+                                        }`}
+                                    ></div>
                                     <div className="flex column left dc__ellipsis-right">
-                                        <div className="cn-9 fs-14" data-testid = "chart-deployment-time">
+                                        <div className="cn-9 fs-14" data-testid="chart-deployment-time">
                                             {moment(new Date(deployment.deployedAt.seconds * 1000)).format(
                                                 Moment12HourFormat,
                                             )}

src/css/icons.scss

@@ -24,6 +24,7 @@
 .deployed,
 .synced,
 .sync.ok,
+.superseded ,
 .deploy-success {
     background-image: url('../assets/icons/appstatus/healthy.svg');
 }
@@ -73,8 +74,7 @@
 }
 
 .failed,
-.unabletofetch,
-.superseded {
+.unabletofetch {
     background-image: url('../assets/icons/appstatus/ic-appstatus-failed.svg');
 }