github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-09-01 18:47:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

Do not show play icon when disconnected (#428)

Browse Source
This commit is contained in:
lirazyehezkel
2021-11-03 15:34:54 +02:00
committed by GitHub
parent c97550cecc
commit 8af2e562f8
2 changed files with 2 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -176,10 +176,8 @@ export const TrafficPage: React.FC<TrafficPageProps> = ({setAnalyzeStatus, onTLS
return ( return (
<div className="TrafficPage"> <div className="TrafficPage">
<div className="TrafficPageHeader"> <div className="TrafficPageHeader">
<img className="playPauseIcon" style={{visibility: connection === ConnectionStatus.Connected ? "visible" : "hidden"}} alt="pause" {connection !== ConnectionStatus.Closed && <img style={{cursor: "pointer", marginRight: 15, height: 30}} alt="pause"
src={pauseIcon} onClick={toggleConnection}/> src={connection === ConnectionStatus.Connected ? pauseIcon : playIcon} onClick={toggleConnection}/>}
<img className="playPauseIcon" style={{position: "absolute", visibility: connection === ConnectionStatus.Connected ? "hidden" : "visible"}} alt="play"
src={playIcon} onClick={toggleConnection}/>
<div className="connectionText"> <div className="connectionText">
{getConnectionTitle()} {getConnectionTitle()}
<div className={"indicatorContainer " + getConnectionStatusClass(true)}> <div className={"indicatorContainer " + getConnectionStatusClass(true)}>

5
ui/src/components/style/TrafficPage.sass
View File

@@ -110,8 +110,3 @@
align-items: center align-items: center
height: 17px height: 17px
font-size: 16px font-size: 16px
.playPauseIcon
cursor: pointer
margin-right: 15px
height: 30px