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

src/pages/index/FollowedFeed.tsx

@@ -1,4 +1,6 @@
 import { useCallback, useEffect, useState } from "react";
+import { t } from "@lingui/core/macro"
+import { Trans } from "@lingui/react/macro";
 import { DumpCard } from "../../components/DumpCard.tsx";
 import { ErrorCard } from "../../components/ErrorCard.tsx";
 import { API_URL, DEFAULT_PAGE_SIZE } from "../../config/api.ts";
@@ -69,10 +71,10 @@ function FollowedSubFeed({
   const sentinelRef = useInfiniteScroll(onLoadMore, enabled);
 
   if (state.status === "loading") {
-    return <p className="index-status">Loading…</p>;
+    return <p className="index-status"><Trans>Loading…</Trans></p>;
   }
   if (state.status === "error") {
-    return <ErrorCard title="Failed to load" message={state.error} />;
+    return <ErrorCard title={t`Failed to load`} message={state.error} />;
   }
 
   const visible = state.dumps.filter((d) => !deletedDumpIds.has(d.id));
@@ -98,7 +100,7 @@ function FollowedSubFeed({
         ))}
       </ul>
       <div ref={sentinelRef} />
-      {state.loadingMore && <p className="feed-loading-more">Loading more…</p>}
+      {state.loadingMore && <p className="feed-loading-more"><Trans>Loading more…</Trans></p>}
     </>
   );
 }
@@ -320,14 +322,14 @@ export function FollowedFeed({
           className={`feed-sort-btn${section === "users" ? " active" : ""}`}
           onClick={() => setSection("users")}
         >
-          From people
+          <Trans>From people</Trans>
         </button>
         <button
           type="button"
           className={`feed-sort-btn${section === "playlists" ? " active" : ""}`}
           onClick={() => setSection("playlists")}
         >
-          From playlists
+          <Trans>From playlists</Trans>
         </button>
       </div>
 
@@ -340,7 +342,7 @@ export function FollowedFeed({
           castVote={castVote}
           removeVote={removeVote}
           deletedDumpIds={deletedDumpIds}
-          emptyMessage="Follow some users to see their dumps here."
+          emptyMessage={t`Follow some users to see their dumps here.`}
           onLoadMore={loadMoreUsers}
         />
       )}
@@ -354,7 +356,7 @@ export function FollowedFeed({
           castVote={castVote}
           removeVote={removeVote}
           deletedDumpIds={deletedDumpIds}
-          emptyMessage="Follow some public playlists to see their dumps here."
+          emptyMessage={t`Follow some public playlists to see their dumps here.`}
           onLoadMore={loadMorePlaylists}
         />
       )}