diff --git a/src/App.js b/src/App.js index 854f03d..02c5f43 100644 --- a/src/App.js +++ b/src/App.js @@ -15,26 +15,27 @@ import Join from './view/Join'; import Home from './view/Home'; function App() { - const [data, setData] = useState(); - const [poll, setPoll] = useState(); - const [user, setUser] = useState(); - const [anon, setAnon] = useState(); - const [list, setList] = useState(); - const [exist, setExist] = useState(); - const [isConnected, setIsConnected] = useState(socket.connected); - const navigate = useNavigate(); + const [data, setData] = useState() + const [poll, setPoll] = useState() + const [user, setUser] = useState() + const [anon, setAnon] = useState() + const [list, setList] = useState() + const [exist, setExist] = useState() + const [isConnected, setIsConnected] = useState(socket.connected) + const navigate = useNavigate() useEffect(() => { function onConnect() { console.log(' 🐞 APP onConnect') - setIsConnected(true); + setIsConnected(true) } function onDisconnect() { console.log(' 🐞 APP onDisconnect') - setIsConnected(false); + setIsConnected(false) } function onCreate(data) { - console.log(' 🪲 APP onCreate') + console.log(' 🪲 APP onCreate data:', data) + setAnon(undefined) navigate(`/poll/${data}`) } function onJoin(data) { @@ -54,7 +55,7 @@ function App() { } function onInfo(data) { console.log(' 🪲 APP onInfo data: ', data) - if (data?.anonymous) { + if (data.anonymous !== undefined) { setAnon(data.anonymous) } } @@ -102,4 +103,4 @@ function App() { } export default App; - \ No newline at end of file + diff --git a/src/view/Poll.jsx b/src/view/Poll.jsx index 860ff0d..9238bee 100644 --- a/src/view/Poll.jsx +++ b/src/view/Poll.jsx @@ -51,7 +51,7 @@ function Poll(props) { console.log('POLL emit.info.id:', id) socket.emit('info', id) } - if (exist && !token && anon) { + if (exist && !token && anon !== undefined && anon) { const data = {pid:id, user:randomUser(24)}; socket.emit('join', data); console.log('POLL emit.join.data:', data)