you are viewing a single comment's thread.
diff --git a/src/sass/common.sass b/src/sass/common.sass
index 9a0fea4..3b95b08 100644
--- a/src/sass/common.sass
+++ b/src/sass/common.sass
@@ -4,6 +4,9 @@ html, body
background-color: $background
font-family: verdana, arial, helvetica, sans-serif
+.wait
+ cursor: wait
+
.main
margin: 15px
color: white
diff --git a/src/state.js b/src/state.js
index 9edb4b4..f766894 100644
--- a/src/state.js
+++ b/src/state.js
@@ -56,14 +56,24 @@ class GlobalState extends Container {
loadMaxComments = () => this.setState({maxComments: get(maxCommentsKey, maxCommentsDefault)})
- setSuccess = () => this.setState({statusText: '', statusHelpUrl: undefined, statusImage: '/images/success.png'})
- setLoading = (text) => this.setState({statusText: text, statusImage: '/images/loading.gif'})
+ setSuccess = () => {
+ this.setState({statusText: '', statusHelpUrl: undefined, statusImage: '/images/success.png'})
+ document.body.classList.remove('wait')
+ }
+ setLoading = text => {
+ this.setState({statusText: text, statusImage: '/images/loading.gif'})
+ document.body.classList.add('wait')
+ }
setError = (error, helpUrl = undefined) => {
this.setState({statusText: error.message, statusImage: '/images/error.png'})
if (helpUrl)
this.setState({statusHelpUrl: helpUrl})
+ document.body.classList.remove('wait')
+ }
+ clearStatus = () => {
+ this.setState({statusText: '', statusHelpUrl: undefined, statusImage: undefined})
+ document.body.classList.remove('wait')
}
- clearStatus = () => this.setState({statusText: '', statusHelpUrl: undefined, statusImage: undefined})
}
// A redux-like connect function for Unstated