login check effect

client/src/components/header.tsx

@@ -1,5 +1,6 @@
 import { h } from 'preact';
 import { route } from 'preact-router';
+import { useEffect } from 'preact/hooks';
 import { useSelector, useDispatch } from 'react-redux'
 
 import http from './../http';
@@ -13,11 +14,14 @@ const Header = () => {
     const dispatch = useDispatch()
     const user = useSelector((state: State) => state.user);
 
+    useEffect(() => {
+        if (!user) route('/login');
+    }, [user])
+
     async function logoutClick(e) {
         e.preventDefault();
         await http.postLogout();
-        route('/login');
-        dispatch(userState.actions.set(null));
+        window.location.reload();
     }
 
     const nav = () => (

client/src/ws.ts

@@ -38,6 +38,10 @@ export default function createSocket(dispatch) {
         send(['Offers', {}]);
     }
 
+    function sendWants() {
+        send(['Wants', {}]);
+    }
+
     function sendAcpOffers() {
         send(['AcpOffers', {}]);
     }
@@ -109,6 +113,7 @@ export default function createSocket(dispatch) {
         sendPing();
         sendAcpOffers();
         sendOffers();
+        sendWants();
     }
 
     function onError(event) {