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

Add clear chart button and improve chart menu look&feel

Browse Source
This commit is contained in:
Thomas Nordquist
2019-07-17 12:59:25 +02:00
parent 1c52aced63
commit 8ae1528064
10 changed files with 122 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
app/src/components/ConfirmationDialog.tsx
View File

@@ -7,7 +7,7 @@ function ConfirmationDialog(props: { confirmationRequests: Array<ConfirmationReq
const request = props.confirmationRequests[0]
const yesRef = useRef<HTMLButtonElement>()
const noRef = useRef<HTMLButtonElement>()
const arrowKeyHandler = useCallback((event: KeyboardEvent) => {
const arrowKeyHandler = useCallback((event: React.KeyboardEvent) => {
const isArrowKey = event.keyCode === KeyCodes.arrow_left || event.keyCode === KeyCodes.arrow_right
if (!isArrowKey) {
return
@@ -45,10 +45,10 @@ function ConfirmationDialog(props: { confirmationRequests: Array<ConfirmationReq
<DialogContentText id="alert-dialog-description">{request.inquiry}</DialogContentText>
</DialogContent>
<DialogActions>
<Button ref={yesRef} variant="contained" onClick={confirm} color="primary" autoFocus>
<Button ref={yesRef as any} variant="contained" onClick={confirm} color="primary" autoFocus>
Yes
</Button>
<Button ref={noRef} variant="contained" onClick={reject} color="secondary">
<Button ref={noRef as any} variant="contained" onClick={reject} color="secondary">
No
</Button>
</DialogActions>