stevaidis/poll-front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

more code

Browse Source
This commit is contained in:
Ste Vaidis 2023-09-16 15:15:48 +03:00
parent 2560086787
commit dac51ed4a4
3 changed files with 34 additions and 48 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/App.js
View File

@ -29,15 +29,18 @@ function App() {
console.log(' 🐞 APP onConnect') console.log(' 🐞 APP onConnect')
setIsConnected(true) setIsConnected(true)
} }
function onDisconnect() { function onDisconnect() {
console.log(' 🐞 APP onDisconnect') console.log(' 🐞 APP onDisconnect')
setIsConnected(false) setIsConnected(false)
} }
function onCreate(data) { function onCreate(data) {
console.log(' 🪲 APP onCreate data:', data) console.log(' 🪲 APP onCreate data:', data)
setAnon(undefined) setAnon(undefined)
navigate(`/poll/${data}`) navigate(`/poll/${data}`)
} }
function onExist(data) { function onExist(data) {
console.log(' 🪲 APP onExist data: ', data) console.log(' 🪲 APP onExist data: ', data)
setExist(Boolean(data)) setExist(Boolean(data))
@ -46,31 +49,36 @@ function App() {
socket.emit('join', data); socket.emit('join', data);
} }
} }
function onJoin(data) { function onJoin(data) {
console.log(' 🪲 APP onJoin data: ', data) console.log(' 🪲 APP onJoin data: ', data)
setUser(data.user) setUser(data.user)
if (data.code !== 404) { if (data.code === 401) {
localStorage.setItem(data.pid, data.token)
}
if (data.code === 204) {
navigate(`/poll/${data.pid}/join`) navigate(`/poll/${data.pid}/join`)
} }
if (data.code === 200) {
localStorage.setItem(data.pid, data.token)
navigate(`/poll/${data.pid}`)
} }
}
function onPoll(data) { function onPoll(data) {
console.log(' 🪲 APP onPoll data: ', data) console.log(' 🪲 APP onPoll data: ', data)
setPoll(data.poll) setPoll(data.poll)
setUser(data.user)
} }
function onInfo(data) { function onInfo(data) {
console.log(' 🪲 APP onInfo data: ', data) console.log(' 🪲 APP onInfo data: ', data)
if (data.anonymous !== undefined) { if (data.anonymous !== undefined) {
setAnon(data.anonymous) setAnon(data.anonymous)
} }
} }
function onList(data) { function onList(data) {
console.log(' 🪲 APP onList data: ', data) console.log(' 🪲 APP onList data: ', data)
setList(data) setList(data)
} }
socket.on('connect', onConnect); socket.on('connect', onConnect);
socket.on('create', onCreate); socket.on('create', onCreate);
socket.on('join', onJoin); socket.on('join', onJoin);

2
src/view/Create.jsx
View File

@ -15,7 +15,7 @@ const Create = (props) => {
const [formData, setFormData] = useState({ const [formData, setFormData] = useState({
title: "", title: "",
answers: ["", ""], answers: ["", ""],
anonymous: false anonymous: true
}); });
useEffect(() => { useEffect(() => {

62
src/view/Poll.jsx
View File

@ -40,6 +40,23 @@ function Poll(props) {
return result; return result;
} }
useEffect(() => {
if (!token) {
console.log('POLL 🎱 id:', id)
console.log('POLL 🎱 token:', Boolean(token))
const data = {pid:id};
console.log(' 💾 POLL emit.join.data:', data)
socket.emit('join', data);
}
if (token) {
console.log('POLL 🎱 id:', id)
console.log('POLL 🎱 token:', Boolean(token))
const data = {pid:id, token: token};
console.log(' 💾 POLL emit.join.data:', data)
socket.emit('join', data);
}
},[id, token])
useEffect(() => { useEffect(() => {
console.log('POLL 🎱 id:', id) console.log('POLL 🎱 id:', id)
console.log('POLL 🎱 exist:', exist) console.log('POLL 🎱 exist:', exist)
@ -48,52 +65,13 @@ function Poll(props) {
console.log('POLL 🎱 token:', Boolean(token)) console.log('POLL 🎱 token:', Boolean(token))
console.log('POLL 🎱 poll:', poll) console.log('POLL 🎱 poll:', poll)
if (!token) {
const data = {pid:id};
console.log(' 💾 POLL emit.join.data:', data)
socket.emit('join', data);
}
if (token) { if (token) {
const data = {pid:id, token: token}; console.log('POLL 🎱 id:', id)
console.log(' 💾 POLL emit.join.data:', data) console.log('POLL 🎱 token:', Boolean(token))
socket.emit('join', data);
}
if (token && user) {
console.log('POLL emit.poll.token:', token) console.log('POLL emit.poll.token:', token)
socket.emit('poll', token); socket.emit('poll', token);
} }
// if (exist === undefined) { },[token])
// console.log('POLL emit.exist.id:', id)
// socket.emit('exist', id)
// }
// if (exist && anon === undefined) {
// console.log('POLL emit.info.id:', id)
// socket.emit('info', id)
// }
// if (exist && anon !== undefined && anon && !token) {
// const data = {pid:id, user:randomUser(24)};
// console.log(' 💾 POLL emit.join.data:', data)
// socket.emit('join', data);
// }
// if (exist && anon !== undefined && !anon && !token) {
// console.log('POLL redirect anon:', JSON.stringify(anon))
// return navigate(`/poll/${id}/join`)
// }
// if (exist && anon !== undefined && anon && !token) {
// const data = {pid:id, user:randomUser(24)};
// console.log(' 💾 POLL emit.join.data:', data)
// socket.emit('join', data);
// }
// if (exist && anon !== undefined && anon && token) {
// const data = {pid:id, user:user};
// console.log(' 💾 💾 💾 POLL emit.join.data:', data)
// socket.emit('join', data);
// }
// if (exist && token) {
// console.log('POLL emit.poll.token:', token)
// socket.emit('poll', token);
// }
},[id, exist, anon, token])
const onCopy = () => { const onCopy = () => {
console.log('onCopy') console.log('onCopy')