From ea22ca3a93cd5c610ff13af35ada6a34e0207665 Mon Sep 17 00:00:00 2001 From: "Robin E. R. Davies" Date: Thu, 19 Jun 2025 16:31:19 -0400 Subject: [PATCH] Icon button tooltips --- vite/src/pipedal/AboutDialog.tsx | 6 +-- vite/src/pipedal/FilePropertyDialog.tsx | 4 +- vite/src/pipedal/LoadPluginDialog.tsx | 18 ++++----- vite/src/pipedal/PerformanceView.tsx | 39 ++++++++++--------- vite/src/pipedal/PluginInfoDialog.tsx | 17 -------- vite/src/pipedal/PluginPresetsDialog.tsx | 26 ++++++------- vite/src/pipedal/PresetDialog.tsx | 1 - vite/src/pipedal/SearchControl.tsx | 10 ++--- vite/src/pipedal/SettingsDialog.tsx | 6 +-- vite/src/pipedal/SnapshotButton.tsx | 10 ++--- vite/src/pipedal/SnapshotDialog.tsx | 6 +-- vite/src/pipedal/SnapshotPropertiesDialog.tsx | 6 +-- vite/src/pipedal/UploadFileDialog.tsx | 6 +-- vite/src/pipedal/WifiConfigDialog.tsx | 16 ++++---- vite/src/pipedal/ZoomedUiControl.tsx | 10 ++--- 15 files changed, 83 insertions(+), 98 deletions(-) diff --git a/vite/src/pipedal/AboutDialog.tsx b/vite/src/pipedal/AboutDialog.tsx index 6417ce2..1780c78 100644 --- a/vite/src/pipedal/AboutDialog.tsx +++ b/vite/src/pipedal/AboutDialog.tsx @@ -1,6 +1,6 @@ import React, { SyntheticEvent, Component } from 'react'; -import IconButton from '@mui/material/IconButton'; +import IconButtonEx from './IconButtonEx'; import Typography from '@mui/material/Typography'; import { PiPedalModel, PiPedalModelFactory, State } from './PiPedalModel'; import AppBar from '@mui/material/AppBar'; @@ -147,10 +147,10 @@ const AboutDialog = class extends Component top: 0, left: 0 }} > - - + diff --git a/vite/src/pipedal/FilePropertyDialog.tsx b/vite/src/pipedal/FilePropertyDialog.tsx index a4b99f3..482cd1b 100644 --- a/vite/src/pipedal/FilePropertyDialog.tsx +++ b/vite/src/pipedal/FilePropertyDialog.tsx @@ -1176,11 +1176,11 @@ export default withStyles( ) : (
- this.handleDelete()} > - +
diff --git a/vite/src/pipedal/SnapshotDialog.tsx b/vite/src/pipedal/SnapshotDialog.tsx index f1a725b..765de56 100644 --- a/vite/src/pipedal/SnapshotDialog.tsx +++ b/vite/src/pipedal/SnapshotDialog.tsx @@ -29,7 +29,7 @@ import DialogEx from './DialogEx'; import DialogContent from '@mui/material/DialogContent'; import DialogTitle from '@mui/material/DialogTitle'; import ArrowBackIcon from '@mui/icons-material/ArrowBack'; -import IconButton from '@mui/material/IconButton'; +import IconButtonEx from './IconButtonEx'; import ResizeResponsiveComponent from './ResizeResponsiveComponent'; import { TransitionProps } from '@mui/material/transitions'; @@ -114,10 +114,10 @@ export default class SnapshotDialog extends ResizeResponsiveComponent
- { this.props.onOk(); }} aria-label="back" + { this.props.onOk(); }} aria-label="back" > - + Snapshots
diff --git a/vite/src/pipedal/SnapshotPropertiesDialog.tsx b/vite/src/pipedal/SnapshotPropertiesDialog.tsx index a70f205..9296218 100644 --- a/vite/src/pipedal/SnapshotPropertiesDialog.tsx +++ b/vite/src/pipedal/SnapshotPropertiesDialog.tsx @@ -29,7 +29,7 @@ import Typography from '@mui/material/Typography'; import DialogEx from './DialogEx'; import DialogTitle from '@mui/material/DialogTitle'; import ArrowBackIcon from '@mui/icons-material/ArrowBack'; -import IconButton from '@mui/material/IconButton'; +import IconButtonEx from './IconButtonEx'; import DialogActions from '@mui/material/DialogActions'; import DialogContent from '@mui/material/DialogContent'; import { colorKeys } from "./MaterialColors"; @@ -117,10 +117,10 @@ export default class SnapshotPropertiesDialog extends ResizeResponsiveComponent< >
- { this.props.onClose(); }} aria-label="back" + { this.props.onClose(); }} aria-label="back" > - + {this.props.editing ? "Edit snapshot" : "Save snapshot"} diff --git a/vite/src/pipedal/UploadFileDialog.tsx b/vite/src/pipedal/UploadFileDialog.tsx index 4f55f85..3f11ede 100644 --- a/vite/src/pipedal/UploadFileDialog.tsx +++ b/vite/src/pipedal/UploadFileDialog.tsx @@ -32,7 +32,7 @@ import SvgIcon from '@mui/material/SvgIcon'; //import ErrorIcon from '@mui/icons-material/Error'; import ErrorOutlineIcon from '@mui/icons-material/ErrorOutline'; import ArrowBackIcon from '@mui/icons-material/ArrowBack'; -import IconButton from '@mui/material/IconButton'; +import IconButtonEx from './IconButtonEx'; import CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline'; import CircularProgress from '@mui/material/CircularProgress'; @@ -372,10 +372,10 @@ export default class UploadFileDialog extends ResizeResponsiveComponent
- { this.handleCancel(); }} aria-label="back" + { this.handleCancel(); }} aria-label="back" > - + Upload
diff --git a/vite/src/pipedal/WifiConfigDialog.tsx b/vite/src/pipedal/WifiConfigDialog.tsx index e90aafe..8da050f 100644 --- a/vite/src/pipedal/WifiConfigDialog.tsx +++ b/vite/src/pipedal/WifiConfigDialog.tsx @@ -18,7 +18,7 @@ // CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. import React from 'react'; -import IconButton from '@mui/material/IconButton'; +import IconButtonEx from './IconButtonEx'; import VisibilityIcon from '@mui/icons-material/Visibility'; import VisibilityOffIcon from '@mui/icons-material/VisibilityOff'; import FormHelperText from '@mui/material/FormHelperText'; @@ -432,11 +432,11 @@ const WifiConfigDialog = withStyles( {NBSP} {(this.state.compactWidth || this.state.autoStartMode !== 2) && ( - { this.setState({ showHelpDialog: true }); }} > - + )}
} /> - { this.setState({ showHelpDialog: true }); }} > - +
@@ -532,7 +532,9 @@ const WifiConfigDialog = withStyles( : "" , endAdornment: ( - { this.handleTogglePasswordVisibility(); }} > @@ -546,7 +548,7 @@ const WifiConfigDialog = withStyles( ) } - + ) }} /> diff --git a/vite/src/pipedal/ZoomedUiControl.tsx b/vite/src/pipedal/ZoomedUiControl.tsx index 8960c54..3d21ffe 100644 --- a/vite/src/pipedal/ZoomedUiControl.tsx +++ b/vite/src/pipedal/ZoomedUiControl.tsx @@ -33,7 +33,7 @@ import DialogEx from './DialogEx'; import Typography from '@mui/material/Typography'; import { PiPedalModelFactory, PiPedalModel } from './PiPedalModel'; import ZoomedDial from './ZoomedDial'; -import IconButton from '@mui/material/IconButton'; +import IconButtonEx from './IconButtonEx'; import NavigateBeforeIcon from '@mui/icons-material/NavigateBefore'; import NavigateNextIcon from '@mui/icons-material/NavigateNext'; @@ -233,13 +233,13 @@ const ZoomedUiControl = withTheme(withStyles( width: 380, height: 300, display: "flex", flexFlow: "row", alignItems: "center", alignContent: " center", justifyContent: "center" }}> - { this.model.onNextZoomedControl(); } } > - +
- { this.model.onPreviousZoomedControl(); } } > - +