luneski/mqtt-explorer
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix disconnect button label

Browse Source
This commit is contained in:
Thomas Nordquist
2019-07-13 14:33:12 +02:00
parent fd2c78eea0
commit 7c63e871f0
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/src/components/Layout/TitleBar.tsx
View File

@@ -32,6 +32,8 @@ const styles = (theme: Theme) => ({
}, },
disconnect: { disconnect: {
margin: 'auto 8px auto auto', margin: 'auto 8px auto auto',
},
disconnectLabel: {
color: theme.palette.primary.contrastText, color: theme.palette.primary.contrastText,
}, },
}) })
@@ -71,7 +73,11 @@ class TitleBar extends React.PureComponent<Props, {}> {
</Typography> </Typography>
<SearchBar /> <SearchBar />
<PauseButton /> <PauseButton />
<Button className={classes.disconnect} onClick={actions.connection.disconnect}> <Button
className={classes.disconnect}
classes={{ label: classes.disconnectLabel }}
onClick={actions.connection.disconnect}
>
Disconnect <CloudOff className={classes.disconnectIcon} /> Disconnect <CloudOff className={classes.disconnectIcon} />
</Button> </Button>
<ConnectionHealthIndicator withBackground={true} /> <ConnectionHealthIndicator withBackground={true} />