From c2bcbe9edc56129f8d888c57e60283e882b38ec3 Mon Sep 17 00:00:00 2001
From: Alex Andreev <alex.andreev.email@gmail.com>
Date: Fri, 20 Jan 2023 11:31:46 +0300
Subject: [PATCH] Fix metrics in hpa details for newer versions

Signed-off-by: Alex Andreev <alex.andreev.email@gmail.com>
---
 .../components/+config-autoscalers/hpa-details.scss    | 10 ++++++++++
 .../components/+config-autoscalers/hpa-details.tsx     |  2 +-
 ...horizontal-pod-autoscaler-detail-item.injectable.ts |  2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/+config-autoscalers/hpa-details.scss b/src/renderer/components/+config-autoscalers/hpa-details.scss
index e10e14220f..571d988b11 100644
--- a/src/renderer/components/+config-autoscalers/hpa-details.scss
+++ b/src/renderer/components/+config-autoscalers/hpa-details.scss
@@ -11,9 +11,19 @@
   }
 
   .metrics .Table {
+    margin: 0 (-$margin * 3);
+
     .TableCell {
       word-break: break-word;
 
+      &:first-child {
+        margin-left: $margin * 2;
+      }
+
+      &:last-child {
+        margin-right: $margin * 2;
+      }
+
       &.name {
         flex-grow: 2;
       }
diff --git a/src/renderer/components/+config-autoscalers/hpa-details.tsx b/src/renderer/components/+config-autoscalers/hpa-details.tsx
index a38184dd02..732cca4ea6 100644
--- a/src/renderer/components/+config-autoscalers/hpa-details.tsx
+++ b/src/renderer/components/+config-autoscalers/hpa-details.tsx
@@ -90,7 +90,7 @@ class NonInjectedHpaDetails extends React.Component<HpaDetailsProps & Dependenci
 
     return (
       <Table>
-        <TableHead>
+        <TableHead flat>
           <TableCell className="name">Name</TableCell>
           <TableCell className="metrics">Current / Target</TableCell>
         </TableHead>
diff --git a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/horizontal-pod-autoscaler-detail-item.injectable.ts b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/horizontal-pod-autoscaler-detail-item.injectable.ts
index 66dbebe7c5..dbf04d52d6 100644
--- a/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/horizontal-pod-autoscaler-detail-item.injectable.ts
+++ b/src/renderer/components/kube-object-details/kube-object-detail-items/implementations/horizontal-pod-autoscaler-detail-item.injectable.ts
@@ -27,7 +27,7 @@ const horizontalPodAutoscalerDetailItemInjectable = getInjectable({
 
 export const isHorizontalPodAutoscaler = kubeObjectMatchesToKindAndApiVersion(
   "HorizontalPodAutoscaler",
-  ["autoscaling/v2beta1"],
+  ["autoscaling/v2", "autoscaling/v2beta2", "autoscaling/v2beta1", "autoscaling/v1"],
 );
 
 export default horizontalPodAutoscalerDetailItemInjectable;