Add button tooltips

This commit is contained in:
2021-09-30 11:30:18 +01:00
parent a8e6f66796
commit 5e18203291
5 changed files with 14 additions and 5 deletions

View File

@@ -294,6 +294,7 @@ class App extends React.Component {
onClick={this.acceptCookies}
icon={<CheckRoundedIcon/>}
className="button--round"
title="Accept"
></Button>
</div>
</Router>

View File

@@ -382,6 +382,7 @@ export default withRouter(class GroupPage extends Component {
onClick={this.showDeleteGroup}
icon={<DeleteRoundedIcon />}
className="button--round"
title="Delete group"
></Button>
}
</div>
@@ -425,6 +426,7 @@ export default withRouter(class GroupPage extends Component {
icon={<DeleteRoundedIcon />}
loading={this.state.sets[setId].loading}
disabled={this.state.sets[setId].loading}
title="Remove set"
></Button>
}
</div>

View File

@@ -232,6 +232,7 @@ export default class History extends Component {
className="button--no-background"
onClick={() => this.deleteProgress(progressItem.id)}
icon={<DeleteRoundedIcon />}
title="Delete"
></Button>
</p>
</div>

View File

@@ -449,6 +449,7 @@ export default withRouter(class LoggedInHome extends React.Component {
icon={<DeleteRoundedIcon />}
disabled={this.state.pendingDeletions[progressItem.id] === true}
loading={this.state.pendingDeletions[progressItem.id] === true}
title="Delete"
></Button>
</p>
</div>

View File

@@ -357,11 +357,13 @@ export default withRouter(class SetPage extends React.Component {
icon={<PlayArrowRoundedIcon />}
disabled={!this.state.canStartTest}
className="button--round"
title="Start test"
></Button>
<Button
onClick={() => this.showAddSetToGroup()}
icon={<GroupAddRoundedIcon />}
className="button--round"
title="Add to group"
></Button>
{
this.state.set.owner === this.state.user.uid &&
@@ -369,6 +371,7 @@ export default withRouter(class SetPage extends React.Component {
to={`/sets/${this.props.match.params.setId}/edit`}
icon={<EditRoundedIcon />}
className="button--round"
title="Edit"
></LinkButton>
}
{
@@ -377,6 +380,7 @@ export default withRouter(class SetPage extends React.Component {
onClick={() => this.showDeleteSet()}
icon={<DeleteRoundedIcon />}
className="button--round"
title="Delete"
></Button>
}
</div>