github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-06-27 00:29:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

Remove the Reconnect button (#444)

Browse Source
This commit is contained in:
M. Mert Yıldıran 2021-11-10 17:06:41 +03:00 committed by GitHub
parent d2fe3f6620
commit b970640ebc
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 1 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ui/src/components/EntriesList.tsx
View File

@ -9,7 +9,6 @@ interface EntriesListProps {
setEntries: (entries: any[]) => void; setEntries: (entries: any[]) => void;
focusedEntryId: string; focusedEntryId: string;
setFocusedEntryId: (id: string) => void; setFocusedEntryId: (id: string) => void;
connectionOpen: boolean;
listEntryREF: any; listEntryREF: any;
onScrollEvent: (isAtBottom:boolean) => void; onScrollEvent: (isAtBottom:boolean) => void;
scrollableList: boolean; scrollableList: boolean;
@ -22,7 +21,7 @@ interface EntriesListProps {
startTime: number; 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); const scrollableRef = useRef(null);
@ -38,9 +37,6 @@ export const EntriesList: React.FC<EntriesListProps> = ({entries, setEntries, fo
style={{}} style={{}}
updateQuery={updateQuery}/>)} updateQuery={updateQuery}/>)}
</ScrollableFeedVirtualized> </ScrollableFeedVirtualized>
{!connectionOpen && <div className={styles.fetchButtonContainer}>
<div className={styles.styledButton} onClick={() => {ws.close(); openWebSocket(query);}}>Reconnect</div>
</div>}
<button type="button" <button type="button"
className={`${styles.btnLive} ${scrollableList ? styles.showButton : styles.hideButton}`} className={`${styles.btnLive} ${scrollableList ? styles.showButton : styles.hideButton}`}
onClick={(_) => scrollableRef.current.jumpToBottom()}> onClick={(_) => scrollableRef.current.jumpToBottom()}>

1
ui/src/components/TrafficPage.tsx
View File

@ -246,7 +246,6 @@ export const TrafficPage: React.FC<TrafficPageProps> = ({setAnalyzeStatus, onTLS
setEntries={setEntries} setEntries={setEntries}
focusedEntryId={focusedEntryId} focusedEntryId={focusedEntryId}
setFocusedEntryId={setFocusedEntryId} setFocusedEntryId={setFocusedEntryId}
connectionOpen={connection === ConnectionStatus.Connected}
listEntryREF={listEntry} listEntryREF={listEntry}
onScrollEvent={onScrollEvent} onScrollEvent={onScrollEvent}
scrollableList={disableScrollList} scrollableList={disableScrollList}

8
ui/src/components/style/EntriesList.module.sass
View File

@ -38,14 +38,6 @@
border: 1px solid #627ef7 border: 1px solid #627ef7
background-color: rgba(255, 255, 255, 0.06) 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 .btnLive
position: absolute position: absolute
bottom: 10px bottom: 10px