tornadocash/trusted-setup-server
1
0
Fork 0
mirror of https://github.com/tornadocash/trusted-setup-server.git synced 2024-11-22 09:56:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

add error styles

Browse Source
This commit is contained in:
Danil Kovtonyuk 2020-01-30 20:43:29 +10:00
parent 036610509f
commit 9c348cf436
2 changed files with 32 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/styles/app.scss
View File

@ -184,6 +184,10 @@
.status-message { .status-message {
color: $primary; color: $primary;
text-align: center; text-align: center;
&.is-danger {
color: $danger;
}
} }
} }

42
pages/index.vue
View File

@ -34,9 +34,9 @@
</div> </div>
</div> </div>
<div v-show="status" class="status"> <div v-show="status.msg !== ''" class="status">
<div class="status-message">{{ status }}</div> <div :class="status.type" class="status-message">{{ status.msg }}</div>
<div v-show="!isContibutionCompleted" class="status-spinner"></div> <div v-show="status.type === ''" class="status-spinner"></div>
</div> </div>
<div class="buttons is-centered"> <div class="buttons is-centered">
@ -48,7 +48,11 @@
> >
Make the contribution Make the contribution
</b-button> </b-button>
<b-button v-if="isContibutionCompleted" type="is-primary" outlined> <b-button
v-if="isContributeBtnDisabled && status.type === 'is-success'"
type="is-primary"
outlined
>
Tweet about your contribution Tweet about your contribution
</b-button> </b-button>
</div> </div>
@ -67,8 +71,10 @@ export default {
data() { data() {
return { return {
isContributeBtnDisabled: false, isContributeBtnDisabled: false,
isContibutionCompleted: false, status: {
status: '', type: '',
msg: ''
},
isLoggedIn: false isLoggedIn: false
} }
}, },
@ -77,18 +83,19 @@ export default {
try { try {
this.isContributeBtnDisabled = true this.isContributeBtnDisabled = true
this.status = 'Downloading last contribution' this.status.msg = 'Downloading last contribution'
this.status.type = ''
let data = await fetch('api/challenge') let data = await fetch('api/challenge')
data = new Uint8Array(await data.arrayBuffer()) data = new Uint8Array(await data.arrayBuffer())
this.status = 'Generating random contribution' this.status.msg = 'Generating random contribution'
await timeout(100) // allow UI to update before freezing in wasm await timeout(100) // allow UI to update before freezing in wasm
console.log('Source params', data) console.log('Source params', data)
const contribute = await this.$contribute() const contribute = await this.$contribute()
const result = contribute(data) const result = contribute(data)
console.log('Updated params', result) console.log('Updated params', result)
this.status = 'Uploading and verifying your contribution' this.status.msg = 'Uploading and verifying your contribution'
const formData = new FormData() const formData = new FormData()
formData.append('response', new Blob([result], { type: 'application/octet-stream' })) formData.append('response', new Blob([result], { type: 'application/octet-stream' }))
formData.append('name', 'William') // TODO put real name here formData.append('name', 'William') // TODO put real name here
@ -99,19 +106,26 @@ export default {
}) })
if (resp.ok) { if (resp.ok) {
this.status = 'Your contribution is verified and recorded. THX BYE.' this.status.msg = 'Your contribution is verified and recorded. THX BYE.'
this.isContibutionCompleted = true this.status.type = 'is-success'
} else if (resp.status === 422) { } else if (resp.status === 422) {
if (retry < 3) { if (retry < 3) {
console.log(`Looks like someone else uploaded contribution ahead of us, retrying`) console.log(`Looks like someone else uploaded contribution ahead of us, retrying`)
await this.makeContribution({ retry: retry++ }) await this.makeContribution({ retry: retry++ })
} else { } else {
this.status = `Failed to upload your contribution after ${retry} attempts` this.status.msg = `Failed to upload your contribution after ${retry} attempts`
this.status.type = 'is-danger'
this.isContributeBtnDisabled = false
} }
} else { } else {
this.status = 'Error uploading your contribution' this.status.msg = 'Error uploading your contribution'
this.status.type = 'is-danger'
this.isContributeBtnDisabled = false
} }
} finally { } catch (e) {
console.error(e.message)
this.status.msg = e.message
this.status.type = 'is-danger'
this.isContributeBtnDisabled = false this.isContributeBtnDisabled = false
} }
} }