generated from lucien/api-template
fix: fixed websockets
This commit is contained in:
parent
edc6f34733
commit
1fee32f1d2
5 changed files with 14 additions and 53 deletions
|
@ -7,7 +7,7 @@ import axios from "axios";
|
|||
|
||||
import "../styles/UserPage.css";
|
||||
|
||||
export default function UserPage() {
|
||||
export default function UserPage({socket}: {socket: WebSocket}) {
|
||||
const { username } = useParams();
|
||||
const [pageUser, setPageUser] = useState<User>();
|
||||
const [messages, setMessages] = useState<Messages>();
|
||||
|
@ -45,12 +45,6 @@ export default function UserPage() {
|
|||
}, [username]);
|
||||
|
||||
useEffect(() => {
|
||||
const socket = new WebSocket("/api/ws");
|
||||
|
||||
const id = setInterval(() => {
|
||||
socket.send(JSON.stringify("ping"));
|
||||
}, 10000);
|
||||
|
||||
socket.addEventListener('message', function (event) {
|
||||
const data = JSON.parse(event.data);
|
||||
if ((data.type === "new_message" || data.type === "delete_message") && data.user_id === pageUser?.id) {
|
||||
|
@ -65,11 +59,6 @@ export default function UserPage() {
|
|||
});
|
||||
}
|
||||
});
|
||||
|
||||
return () => {
|
||||
clearInterval(id);
|
||||
socket.close();
|
||||
};
|
||||
}, [pageUser]);
|
||||
|
||||
if (!pageUser) {
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue