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

Always show mqtt client id

Browse Source
This commit is contained in:
Thomas Nordquist
2019-01-18 10:04:20 +01:00
parent 2f2f2842b4
commit 8a72a0224d
2 changed files with 13 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
app/src/components/ConnectionSetup/Connection.tsx
View File

@@ -169,7 +169,7 @@ class Connection extends React.Component<Props, State> {
button: {
margin: theme.spacing.unit,
},
passwordFormControl: {
inputFormControl: {
marginTop: '16px',
},
}
@@ -261,7 +261,7 @@ class Connection extends React.Component<Props, State> {
/>
</Grid>
<Grid item={true} xs={5}>
<FormControl className={`${classes.textField} ${classes.passwordFormControl}`}>
<FormControl className={`${classes.textField} ${classes.inputFormControl}`}>
<InputLabel htmlFor="adornment-password">Password</InputLabel>
<Input
id="adornment-password"
@@ -273,14 +273,16 @@ class Connection extends React.Component<Props, State> {
</FormControl>
</Grid>
<Grid item={true} xs={5}>
<TextField
label="Client ID"
placeholder={this.randomClientId}
className={classes.textField}
value={this.state.clientId || ''}
onChange={this.handleChange('clientId')}
margin="normal"
/>
<FormControl className={`${classes.textField} ${classes.inputFormControl}`}>
<InputLabel htmlFor="client-id">Client ID</InputLabel>
<Input
placeholder={this.randomClientId}
className={classes.textField}
value={this.state.clientId || ''}
onChange={this.handleChange('clientId')}
startAdornment={<span />}
/>
</FormControl>
</Grid>
<Grid item={true} xs={4}>
<div className={classes.switch}>

4
app/src/components/Sidebar/Publish/Publish.tsx
View File

@@ -11,9 +11,7 @@ import * as q from '../../../../../backend/src/Model'
import {
Button,
Fab,
FormControlLabel,
InputAdornment,
Radio,
RadioGroup,
TextField,
@@ -192,7 +190,7 @@ class Publish extends React.Component<Props, State> {
}
private didSelectHistoryEntry = (index: number) => {
let message = this.state.history[index]
const message = this.state.history[index]
this.props.actions.setPublishTopic(message.topic)
this.props.actions.setPublishPayload(message.payload)
}