From 8d49c0f67a2cf905a48748525bb02dd50ab1bedc Mon Sep 17 00:00:00 2001
From: Vedant Gupta <49195734+veds-g@users.noreply.github.com>
Date: Fri, 14 Jul 2023 10:43:58 +0530
Subject: [PATCH] fix: minor ui bugs (#861)

Signed-off-by: veds-g <guptavedant2312@gmail.com>
---
 .../partials/NamespaceRowContent/index.tsx    | 22 +++++++++----------
 .../utils/fetcherHooks/pipelineViewFetch.ts   |  6 +++--
 2 files changed, 15 insertions(+), 13 deletions(-)

diff --git a/ui/src/components/pages/Namespace/partials/NamespaceRowContent/index.tsx b/ui/src/components/pages/Namespace/partials/NamespaceRowContent/index.tsx
index e6d360212..3356d7a65 100644
--- a/ui/src/components/pages/Namespace/partials/NamespaceRowContent/index.tsx
+++ b/ui/src/components/pages/Namespace/partials/NamespaceRowContent/index.tsx
@@ -30,22 +30,22 @@ export function NamespaceRowContent(props: NamespaceRowContentProps) {
           fontSize: "1rem",
         }}
       >
+        <Box
+          sx={{
+            fontWeight: 400,
+            fontSize: "0.8rem",
+            color: "#0000008a",
+            width: "fit-content",
+            mx: "1rem",
+          }}
+        >
+          Pipelines
+        </Box>
         <List>
           {pipelines &&
             pipelines.map((pipelineId, idx) => {
               return (
                 <div key={`ns-row-list-${idx}`}>
-                  <Box
-                    sx={{
-                      fontWeight: 400,
-                      fontSize: "0.8rem",
-                      color: "#0000008a",
-                      width: "fit-content",
-                      mx: "1rem",
-                    }}
-                  >
-                    Pipelines
-                  </Box>
                   <ListItem key={pipelineId}>
                     <Link
                       to={`/namespaces/${namespaceId}/pipelines/${pipelineId}`}
diff --git a/ui/src/utils/fetcherHooks/pipelineViewFetch.ts b/ui/src/utils/fetcherHooks/pipelineViewFetch.ts
index 553ef9dd8..03e4b4184 100644
--- a/ui/src/utils/fetcherHooks/pipelineViewFetch.ts
+++ b/ui/src/utils/fetcherHooks/pipelineViewFetch.ts
@@ -142,11 +142,13 @@ export const usePipelineViewFetch = (
           if (podsErr.length > 0) setPodsErr(podsErr);
         })
         .then(() => {
-          setVertexPods(vertexToPodsMap);
+          if (!isEqual(vertexPods, vertexToPodsMap)) {
+            setVertexPods(vertexToPodsMap);
+          }
         })
         .catch(console.error);
     }
-  }, [spec]);
+  }, [spec, requestKey]);
 
   const getVertexMetrics = useCallback(() => {
     const vertexToMetricsMap = new Map();