From b4bc09637c378a935ce3299383630257a34947df Mon Sep 17 00:00:00 2001
From: AmitUp9 <96980485+AmitUp9@users.noreply.github.com>
Date: Sun, 3 Jul 2022 11:48:38 +0300
Subject: [PATCH] fix select in traffic stats ui (#1179)

---
 .../modals/TrafficStatsModal/TrafficStatsModal.module.sass    | 1 +
 .../components/modals/TrafficStatsModal/TrafficStatsModal.tsx | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui-common/src/components/modals/TrafficStatsModal/TrafficStatsModal.module.sass b/ui-common/src/components/modals/TrafficStatsModal/TrafficStatsModal.module.sass
index 23f9efb90..6ce3d96a3 100644
--- a/ui-common/src/components/modals/TrafficStatsModal/TrafficStatsModal.module.sass
+++ b/ui-common/src/components/modals/TrafficStatsModal/TrafficStatsModal.module.sass
@@ -25,3 +25,4 @@
   border: none
   border-bottom: 1px black solid
   outline: none
+  width: 100px
diff --git a/ui-common/src/components/modals/TrafficStatsModal/TrafficStatsModal.tsx b/ui-common/src/components/modals/TrafficStatsModal/TrafficStatsModal.tsx
index b437849fb..18b6dd0e4 100644
--- a/ui-common/src/components/modals/TrafficStatsModal/TrafficStatsModal.tsx
+++ b/ui-common/src/components/modals/TrafficStatsModal/TrafficStatsModal.tsx
@@ -34,14 +34,14 @@ interface TrafficStatsModalProps {
   getTimelineStatsDataApi: () => Promise<any>
 }
 
-export const PROTOCOLS = ["ALL PROTOCOLS","gRPC", "REDIS", "HTTP", "GQL", "AMQP", "KFAKA"];
+export const PROTOCOLS = ["ALL", "gRPC", "REDIS", "HTTP", "GQL", "AMQP", "KFAKA"];
 export const ALL_PROTOCOLS = PROTOCOLS[0];
 
 export const TrafficStatsModal: React.FC<TrafficStatsModalProps> = ({ isOpen, onClose, getPieStatsDataApi, getTimelineStatsDataApi }) => {
 
   const modes = Object.keys(StatsMode).filter(x => !(parseInt(x) >= 0));
   const [statsMode, setStatsMode] = useState(modes[0]);
-  const [selectedProtocol, setSelectedProtocol] = useState("ALL PROTOCOLS");
+  const [selectedProtocol, setSelectedProtocol] = useState(ALL_PROTOCOLS);
   const [pieStatsData, setPieStatsData] = useState(null);
   const [timelineStatsData, setTimelineStatsData] = useState(null);
   const [isLoading, setIsLoading] = useState(false);