acp listings sync

client/src/routes/acp.tsx

@@ -70,9 +70,9 @@ function Home() {
     const offers = useSelector((state: State) => state.acpOffers);
     const ws = useSelector((state: State) => state.ws);
 
-    // useEffect(() => {
-    //     ws.sendAcpOffers();
-    // }, [offers, ws]);
+    function sync() {
+        ws.sendAcpListingsSync();
+    }
 
     if (!offers.length) {
         return (
@@ -83,8 +83,12 @@ function Home() {
     }
 
     return (
-        <div class='bundles'>
-            {offers.map(SellerGroup)}
+        <div>
+            <button onClick={sync}> sync listings </button>
+            <hr />
+            <div class='bundles'>
+                {offers.map(SellerGroup)}
+            </div>
         </div>
     );
 }