From b970640ebc3ae82f214699fff3ca19ed855dfaaa Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?M=2E=20Mert=20Y=C4=B1ld=C4=B1ran?= <mehmet@up9.com>
Date: Wed, 10 Nov 2021 17:06:41 +0300
Subject: [PATCH] Remove the `Reconnect` button (#444)

---
 ui/src/components/EntriesList.tsx               | 6 +-----
 ui/src/components/TrafficPage.tsx               | 1 -
 ui/src/components/style/EntriesList.module.sass | 8 --------
 3 files changed, 1 insertion(+), 14 deletions(-)

diff --git a/ui/src/components/EntriesList.tsx b/ui/src/components/EntriesList.tsx
index 4fc05895e..1ec329469 100644
--- a/ui/src/components/EntriesList.tsx
+++ b/ui/src/components/EntriesList.tsx
@@ -9,7 +9,6 @@ interface EntriesListProps {
     setEntries: (entries: any[]) => void;
     focusedEntryId: string;
     setFocusedEntryId: (id: string) => void;
-    connectionOpen: boolean;
     listEntryREF: any;
     onScrollEvent: (isAtBottom:boolean) => void;
     scrollableList: boolean;
@@ -22,7 +21,7 @@ interface EntriesListProps {
     startTime: number;
 }
 
-export const EntriesList: React.FC<EntriesListProps> = ({entries, setEntries, focusedEntryId, setFocusedEntryId, connectionOpen, listEntryREF, onScrollEvent, scrollableList, ws, openWebSocket, query, updateQuery, queriedCurrent, queriedTotal, startTime}) => {
+export const EntriesList: React.FC<EntriesListProps> = ({entries, setEntries, focusedEntryId, setFocusedEntryId, listEntryREF, onScrollEvent, scrollableList, ws, openWebSocket, query, updateQuery, queriedCurrent, queriedTotal, startTime}) => {
 
     const scrollableRef = useRef(null);
 
@@ -38,9 +37,6 @@ export const EntriesList: React.FC<EntriesListProps> = ({entries, setEntries, fo
                                                         style={{}}
                                                         updateQuery={updateQuery}/>)}
                     </ScrollableFeedVirtualized>
-                    {!connectionOpen && <div className={styles.fetchButtonContainer}>
-                        <div className={styles.styledButton} onClick={() => {ws.close(); openWebSocket(query);}}>Reconnect</div>
-                    </div>}
                     <button type="button"
                         className={`${styles.btnLive} ${scrollableList ? styles.showButton : styles.hideButton}`}
                         onClick={(_) => scrollableRef.current.jumpToBottom()}>
diff --git a/ui/src/components/TrafficPage.tsx b/ui/src/components/TrafficPage.tsx
index b8ea48ff7..fa0a5ef18 100644
--- a/ui/src/components/TrafficPage.tsx
+++ b/ui/src/components/TrafficPage.tsx
@@ -246,7 +246,6 @@ export const TrafficPage: React.FC<TrafficPageProps> = ({setAnalyzeStatus, onTLS
                             setEntries={setEntries}
                             focusedEntryId={focusedEntryId}
                             setFocusedEntryId={setFocusedEntryId}
-                            connectionOpen={connection === ConnectionStatus.Connected}
                             listEntryREF={listEntry}
                             onScrollEvent={onScrollEvent}
                             scrollableList={disableScrollList}
diff --git a/ui/src/components/style/EntriesList.module.sass b/ui/src/components/style/EntriesList.module.sass
index c787799ab..9d83ac5bb 100644
--- a/ui/src/components/style/EntriesList.module.sass
+++ b/ui/src/components/style/EntriesList.module.sass
@@ -38,14 +38,6 @@
   border: 1px solid #627ef7
   background-color: rgba(255, 255, 255, 0.06)
 
-.fetchButtonContainer
-  width: 100%
-  display: flex
-  justify-content: center
-  margin-top: 12px
-  font-weight: 600
-  color: rgba(255,255,255,0.75)
-
 .btnLive
   position: absolute
   bottom: 10px