v3: added localization, use global player for uploaded audio/video files

src/hooks/useUserDumpFeed.ts

@@ -63,6 +63,11 @@ export function useUserDumpFeed(
   const { cached, saveState } = useFeedCache<Dump>(cacheKey, hydrateDump);
 
   const [state, setState] = useState<State>({ status: "loading" });
+  const [prevUsername, setPrevUsername] = useState(username);
+  if (prevUsername !== username) {
+    setPrevUsername(username);
+    setState({ status: "loading" });
+  }
 
   const setItems = useCallback((fn: (prev: Dump[]) => Dump[]) => {
     setState((s) => s.status !== "loaded" ? s : { ...s, items: fn(s.items) });
@@ -70,7 +75,6 @@ export function useUserDumpFeed(
 
   useEffect(() => {
     if (!username) return;
-    setState({ status: "loading" });
     const controller = new AbortController();
 
     if (cached) {
@@ -126,7 +130,7 @@ export function useUserDumpFeed(
         setState({ status: "error", error: friendlyFetchError(err) });
       });
     return () => controller.abort();
-  }, [username, endpoint]);
+  }, [username, endpoint, cached, token]);
 
   const { onItemsAppended } = options ?? {};