lucien/tanuki-s-forum
1
0
Fork 0
generated from lucien/api-template
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: improved websocket usage

Browse source
This commit is contained in:
Lukian 2025-04-08 22:19:06 +02:00
parent fbf7821320
commit 132b1f3c06
7 changed files with 135 additions and 79 deletions
Download patch file Download diff file Expand all files Collapse all files

14
front/src/pages/ChannelsPage.tsx
View file

@ -34,10 +34,15 @@ export default function ChannelsPage() {
}, [])
useEffect(() => {
const socket = new WebSocket("/api/channels");
const socket = new WebSocket("/api/ws");
const id = setInterval(() => {
socket.send(JSON.stringify("ping"));
}, 10000);
socket.addEventListener('message', function (event) {
if (event.data === "new_channel") {
const data = JSON.parse(event.data);
if (data.type === "new_channel") {
axios
.get("/api/channels")
.then((res) => {
@ -48,6 +53,11 @@ export default function ChannelsPage() {
})
}
});
return () => {
clearInterval(id);
socket.close();
}
}, [])
if (!channels) {