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

src/pages/UserDumps.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";
@@ -49,6 +50,19 @@ export function UserDumps() {
   const [state, setState] = useState<State>({ status: "loading" });
   const [createModalOpen, setCreateModalOpen] = useState(false);
 
+  const profileUserId = state.status === "loaded" ? state.profileUser.id : null;
+  const isOwnProfile = me?.id === profileUserId;
+
+  const setDumps = useCallback((fn: (prev: Dump[]) => Dump[]) => {
+    setState((s) => s.status !== "loaded" ? s : { ...s, dumps: fn(s.dumps) });
+  }, []);
+  const addFilter = useCallback((dump: Dump): boolean => {
+    if (!profileUserId) return false;
+    if (dump.userId !== profileUserId) return false;
+    return isOwnProfile || !dump.isPrivate;
+  }, [profileUserId, isOwnProfile]);
+  useDumpListSync(setDumps, addFilter);
+
   useEffect(() => {
     if (!username) return;
     setState({ status: "loading" });
@@ -197,7 +211,6 @@ export function UserDumps() {
   }
 
   const { profileUser, dumps, hasMore, loadingMore } = state;
-  const isOwnProfile = me?.username === profileUser.username;
 
   return (
     <PageShell>