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} onClick={this.acceptCookies}
icon={<CheckRoundedIcon/>} icon={<CheckRoundedIcon/>}
className="button--round" className="button--round"
title="Accept"
></Button> ></Button>
</div> </div>
</Router> </Router>

View File

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

View File

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

View File

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

View File

@@ -355,13 +355,15 @@ export default withRouter(class SetPage extends React.Component {
loading={this.state.loading} loading={this.state.loading}
onClick={this.showTestStart} onClick={this.showTestStart}
icon={<PlayArrowRoundedIcon />} icon={<PlayArrowRoundedIcon />}
disabled={!this.state.canStartTest} disabled={!this.state.canStartTest}
className="button--round" className="button--round"
title="Start test"
></Button> ></Button>
<Button <Button
onClick={() => this.showAddSetToGroup()} onClick={() => this.showAddSetToGroup()}
icon={<GroupAddRoundedIcon />} icon={<GroupAddRoundedIcon />}
className="button--round" className="button--round"
title="Add to group"
></Button> ></Button>
{ {
this.state.set.owner === this.state.user.uid && 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`} to={`/sets/${this.props.match.params.setId}/edit`}
icon={<EditRoundedIcon />} icon={<EditRoundedIcon />}
className="button--round" className="button--round"
title="Edit"
></LinkButton> ></LinkButton>
} }
{ {
@@ -377,6 +380,7 @@ export default withRouter(class SetPage extends React.Component {
onClick={() => this.showDeleteSet()} onClick={() => this.showDeleteSet()}
icon={<DeleteRoundedIcon />} icon={<DeleteRoundedIcon />}
className="button--round" className="button--round"
title="Delete"
></Button> ></Button>
} }
</div> </div>
@@ -484,8 +488,8 @@ export default withRouter(class SetPage extends React.Component {
onSliderChange={this.changeSliderValue} onSliderChange={this.changeSliderValue}
switchLanguage={this.state.switchLanguage} switchLanguage={this.state.switchLanguage}
handleSwitchLanguageChange={this.handleSwitchLanguageChange} handleSwitchLanguageChange={this.handleSwitchLanguageChange}
loading={this.state.loading} loading={this.state.loading}
disabled={!this.state.canStartTest} disabled={!this.state.canStartTest}
/> />
} }
{ {