From c24af6a6908fe5a378fa95387040904ae861bb48 Mon Sep 17 00:00:00 2001
From: Kyrylo Shmidt <kshmidt@digma.ai>
Date: Wed, 9 Oct 2024 19:04:53 +0200
Subject: [PATCH] Fix errors empty state

---
 src/components/Dashboard/MetricsReport/EmptyState/types.ts      | 1 -
 .../ErrorDetails/ErrorDetailsCardContent/FlowStack/index.tsx    | 2 +-
 src/components/Errors/ErrorsList/index.tsx                      | 2 +-
 .../insightCards/common/InsightCard/Select/styles.ts            | 2 +-
 .../common/AffectedEndpointsSelector/EndpointOption/styles.ts   | 2 +-
 5 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/components/Dashboard/MetricsReport/EmptyState/types.ts b/src/components/Dashboard/MetricsReport/EmptyState/types.ts
index b71bbcdd3..1fe22912b 100644
--- a/src/components/Dashboard/MetricsReport/EmptyState/types.ts
+++ b/src/components/Dashboard/MetricsReport/EmptyState/types.ts
@@ -8,7 +8,6 @@ export type EmptyStateType =
 
 export interface EmptyStateProps {
   type: EmptyStateType;
-  customContent?: ReactNode;
 }
 
 export interface EmptyStateContent {
diff --git a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/index.tsx b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/index.tsx
index 85079d341..2b58b7c49 100644
--- a/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/index.tsx
+++ b/src/components/Errors/ErrorDetails/ErrorDetailsCardContent/FlowStack/index.tsx
@@ -63,7 +63,7 @@ export const FlowStack = ({ data }: FlowStackProps) => {
       codeObjectIds: frameStacks
         .map((stack) => stack.frames.map((x) => x?.codeObjectId))
         .flat()
-        .filter((x) => isString(x)) as string[]
+        .filter(isString)
     }),
     [frameStacks]
   );
diff --git a/src/components/Errors/ErrorsList/index.tsx b/src/components/Errors/ErrorsList/index.tsx
index 79cf5a1bd..6a1d53fee 100644
--- a/src/components/Errors/ErrorsList/index.tsx
+++ b/src/components/Errors/ErrorsList/index.tsx
@@ -49,7 +49,7 @@ export const ErrorsList = ({
   }
 
   if (data.errors.length === 0) {
-    <NoDataEmptyState />;
+    return <NoDataEmptyState />;
   }
 
   const handleErrorCardClick = (errorId: string) => {
diff --git a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/styles.ts b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/styles.ts
index 2e0cb6b4a..976a58ff9 100644
--- a/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/styles.ts
+++ b/src/components/Insights/InsightsCatalog/InsightsPage/insightCards/common/InsightCard/Select/styles.ts
@@ -22,7 +22,7 @@ export const SelectBar = styled.div<SelectBarProps>`
   border-radius: 4px;
   display: flex;
   align-items: center;
-  box-shadow: 1 1 4px 0 rgb(0 0 0 / 25%);
+  box-shadow: 1px 1px 4px 0 rgb(0 0 0 / 25%);
   cursor: ${({ $isDisabled }) => ($isDisabled ? "initial" : "pointer")};
   border: 1px solid
     ${({ theme, $isOpen }) =>
diff --git a/src/components/common/AffectedEndpointsSelector/EndpointOption/styles.ts b/src/components/common/AffectedEndpointsSelector/EndpointOption/styles.ts
index c28be8b7d..331eee28c 100644
--- a/src/components/common/AffectedEndpointsSelector/EndpointOption/styles.ts
+++ b/src/components/common/AffectedEndpointsSelector/EndpointOption/styles.ts
@@ -53,7 +53,7 @@ export const EndpointName = styled.div<EndpointNameProps>`
 `;
 
 export const ServiceName = styled.span`
-  max-width: 50%;
+  max-width: fit-content;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;