From 5e18203291482cebac5face36fa3dd8e0468966d Mon Sep 17 00:00:00 2001
From: Matthew Grove
Date: Thu, 30 Sep 2021 11:30:18 +0100
Subject: [PATCH] Add button tooltips
---
src/App.js | 1 +
src/GroupPage.js | 2 ++
src/History.js | 1 +
src/LoggedInHome.js | 1 +
src/SetPage.js | 14 +++++++++-----
5 files changed, 14 insertions(+), 5 deletions(-)
diff --git a/src/App.js b/src/App.js
index 6db4a65..a4ecf62 100644
--- a/src/App.js
+++ b/src/App.js
@@ -294,6 +294,7 @@ class App extends React.Component {
onClick={this.acceptCookies}
icon={}
className="button--round"
+ title="Accept"
>
diff --git a/src/GroupPage.js b/src/GroupPage.js
index 4b96aa7..a0c10bd 100644
--- a/src/GroupPage.js
+++ b/src/GroupPage.js
@@ -382,6 +382,7 @@ export default withRouter(class GroupPage extends Component {
onClick={this.showDeleteGroup}
icon={}
className="button--round"
+ title="Delete group"
>
}
@@ -425,6 +426,7 @@ export default withRouter(class GroupPage extends Component {
icon={}
loading={this.state.sets[setId].loading}
disabled={this.state.sets[setId].loading}
+ title="Remove set"
>
}
diff --git a/src/History.js b/src/History.js
index 2b4bf98..ca361d6 100644
--- a/src/History.js
+++ b/src/History.js
@@ -232,6 +232,7 @@ export default class History extends Component {
className="button--no-background"
onClick={() => this.deleteProgress(progressItem.id)}
icon={}
+ title="Delete"
>
diff --git a/src/LoggedInHome.js b/src/LoggedInHome.js
index 8fe5b70..0bef4ef 100644
--- a/src/LoggedInHome.js
+++ b/src/LoggedInHome.js
@@ -449,6 +449,7 @@ export default withRouter(class LoggedInHome extends React.Component {
icon={}
disabled={this.state.pendingDeletions[progressItem.id] === true}
loading={this.state.pendingDeletions[progressItem.id] === true}
+ title="Delete"
>
diff --git a/src/SetPage.js b/src/SetPage.js
index 1b6a646..67d5a2f 100644
--- a/src/SetPage.js
+++ b/src/SetPage.js
@@ -355,13 +355,15 @@ export default withRouter(class SetPage extends React.Component {
loading={this.state.loading}
onClick={this.showTestStart}
icon={}
- disabled={!this.state.canStartTest}
- className="button--round"
+ disabled={!this.state.canStartTest}
+ className="button--round"
+ title="Start test"
>
{
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={}
className="button--round"
+ title="Edit"
>
}
{
@@ -377,6 +380,7 @@ export default withRouter(class SetPage extends React.Component {
onClick={() => this.showDeleteSet()}
icon={}
className="button--round"
+ title="Delete"
>
}
@@ -484,8 +488,8 @@ export default withRouter(class SetPage extends React.Component {
onSliderChange={this.changeSliderValue}
switchLanguage={this.state.switchLanguage}
handleSwitchLanguageChange={this.handleSwitchLanguageChange}
- loading={this.state.loading}
- disabled={!this.state.canStartTest}
+ loading={this.state.loading}
+ disabled={!this.state.canStartTest}
/>
}
{