v3: added content slugs, fixed real-time updates in client, added @mentions across the app, added new file selector and drop zone

src/pages/UserUpvoted.tsx

@@ -13,6 +13,7 @@ import type { Dump, PaginatedData, PublicUser, RawDump } from "../model.ts";
 import { deserializeDump, deserializePublicUser } from "../model.ts";
 import { useAuth } from "../hooks/useAuth.ts";
 import { useWS } from "../hooks/useWS.ts";
+import { useDumpListSync } from "../hooks/useDumpListSync.ts";
 import { useInfiniteScroll } from "../hooks/useInfiniteScroll.ts";
 import { useFeedCache } from "../hooks/useFeedCache.ts";
 import { Avatar } from "../components/Avatar.tsx";
@@ -46,6 +47,12 @@ export function UserUpvoted() {
   );
 
   const [state, setState] = useState<State>({ status: "loading" });
+
+  const setVotesDumps = useCallback((fn: (prev: Dump[]) => Dump[]) => {
+    setState((s) => s.status !== "loaded" ? s : { ...s, votes: fn(s.votes) });
+  }, []);
+  useDumpListSync(setVotesDumps);
+
   const [votedIds, setVotedIds] = useState<Set<string>>(new Set());
   const [fading, setFading] = useState<
     Record<string, "cooldown" | "dismissing">