114 lines
3.2 KiB
JavaScript
114 lines
3.2 KiB
JavaScript
const state = () => {
|
|
return {
|
|
name: null,
|
|
handle: 'Anonymous',
|
|
company: '',
|
|
contributionType: null,
|
|
contributionIndex: null
|
|
}
|
|
}
|
|
|
|
const mutations = {
|
|
SET_NAME(state, name) {
|
|
state.name = name
|
|
},
|
|
SET_HANDLE(state, handle) {
|
|
state.handle = handle
|
|
},
|
|
SET_COMPANY(state, company) {
|
|
state.company = company
|
|
},
|
|
SET_CONTRIBUTION_TYPE(state, contributionType) {
|
|
state.contributionType = contributionType
|
|
},
|
|
SET_CONTRIBUTION_INDEX(state, contributionIndex) {
|
|
state.contributionIndex = contributionIndex
|
|
}
|
|
}
|
|
|
|
const getters = {
|
|
isLoggedIn: (state) => {
|
|
return state.name !== null && state.name !== 'Anonymous'
|
|
},
|
|
hasErrorName: (state) => {
|
|
const name = state.name
|
|
if (name === null) {
|
|
return { invalid: false, msg: '' }
|
|
}
|
|
if (name === '') {
|
|
return { invalid: true, msg: 'Name is empty' }
|
|
}
|
|
if (name.length < 4) {
|
|
return { invalid: true, msg: 'Name is too short' }
|
|
}
|
|
if (name.length > 35) {
|
|
return { invalid: true, msg: 'Name is too long' }
|
|
}
|
|
return { invalid: false, msg: '' }
|
|
}
|
|
}
|
|
|
|
const actions = {
|
|
logInVia({ state }, provider) {
|
|
window.location.replace(`/api/connect/${provider}`)
|
|
},
|
|
makeTweet({ state }) {
|
|
const tweetText = `I just made the contribution %23${state.contributionIndex} to @TornadoCash Trusted Setup Ceremony!
|
|
🚀 Let's make it more secure and trustless %23${process.env.hashtag} \n
|
|
https://ceremony.tornado.cash`
|
|
const popUpWindowWidth = 600
|
|
const popUpWindowHeight = 250
|
|
const dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : window.screenX
|
|
const dualScreenTop = window.screenTop !== undefined ? window.screenTop : window.screenY
|
|
|
|
const width = window.innerWidth
|
|
? window.innerWidth
|
|
: document.documentElement.clientWidth
|
|
? document.documentElement.clientWidth
|
|
: screen.width
|
|
const height = window.innerHeight
|
|
? window.innerHeight
|
|
: document.documentElement.clientHeight
|
|
? document.documentElement.clientHeight
|
|
: screen.height
|
|
|
|
const systemZoom = width / window.screen.availWidth
|
|
const left = (width - popUpWindowWidth) / 2 / systemZoom + dualScreenLeft
|
|
const top = (height - popUpWindowHeight) / 2 / systemZoom + dualScreenTop
|
|
window.open(
|
|
`https://twitter.com/intent/tweet?text=${tweetText}`,
|
|
'',
|
|
`menubar=no,toolbar=no,resizable=yes,scrollbars=no,height=${popUpWindowHeight},width=${popUpWindowWidth},top=${top},left=${left}`
|
|
)
|
|
},
|
|
async logOut({ commit }) {
|
|
commit('SET_HANDLE', 'Anonymous')
|
|
commit('SET_CONTRIBUTION_TYPE', null)
|
|
commit('SET_NAME', null)
|
|
commit('SET_COMPANY', '')
|
|
await fetch('/api/logout')
|
|
},
|
|
async getUserData({ commit }) {
|
|
try {
|
|
const response = await fetch('/api/user_data')
|
|
const data = await response.json()
|
|
console.log('data', data)
|
|
if (data.name !== 'Anonymous') {
|
|
commit('SET_HANDLE', data.handle)
|
|
commit('SET_NAME', data.name)
|
|
commit('SET_CONTRIBUTION_TYPE', data.socialType)
|
|
}
|
|
} catch (e) {
|
|
console.error('user_data fail', e)
|
|
}
|
|
}
|
|
}
|
|
|
|
export default {
|
|
namespaced: true,
|
|
state,
|
|
getters,
|
|
mutations,
|
|
actions
|
|
}
|