diff --git a/.env b/.env new file mode 100644 index 0000000..4ace3ec --- /dev/null +++ b/.env @@ -0,0 +1 @@ +WDS_SOCKET_PORT=443 diff --git a/package.json b/package.json index 46748cb..2b35d42 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,7 @@ "web-vitals": "^2.1.4" }, "scripts": { - "start": "react-scripts start", + "start": "export PORT=80; react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" diff --git a/src/App.js b/src/App.js index 6a2cd64..cae0fb0 100644 --- a/src/App.js +++ b/src/App.js @@ -19,6 +19,7 @@ function App() { const [data, setData] = useState(); const [poll, setPoll] = useState(); const [user, setUser] = useState(); + const [list, setList] = useState(); const [isConnected, setIsConnected] = useState(socket.connected); const navigate = useNavigate(); @@ -45,12 +46,17 @@ function App() { console.log('APP onPoll data: ', data) setPoll(data) } + function onInfo(data) { + console.log('APP onInfo data: ', data) + setList(data) + } socket.on('connect', onConnect); socket.on('disconnect', onDisconnect); socket.on('create', onCreate); socket.on('register', onRegister); socket.on('poll', onPoll); + socket.on('info', onInfo); return () => { socket.off('connect', onConnect); @@ -58,6 +64,7 @@ function App() { socket.off('create', onCreate); socket.off('register', onRegister); socket.off('poll', onPoll); + socket.off('info', onInfo); }; }, []); @@ -67,15 +74,13 @@ function App() {
- } /> + } /> } /> } /> } />
- {/* */} - {/* */}