Add button tooltips
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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>
|
||||||
|
|||||||
@@ -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}
|
||||||
/>
|
/>
|
||||||
}
|
}
|
||||||
{
|
{
|
||||||
|
|||||||
Reference in New Issue
Block a user