fix(frontend): unify local+remote followers/following — profile tab becomes Requests only

This commit is contained in:
2026-05-15 04:25:33 +02:00
parent 895b892cf2
commit d98c338e52
3 changed files with 37 additions and 13 deletions

View File

@@ -1,7 +1,8 @@
import { cookies } from "next/headers";
import { notFound } from "next/navigation";
import { getFollowersList } from "@/lib/api";
import { getFollowersList, getMe } from "@/lib/api";
import { UserListCard } from "@/components/user-list-card";
import { RemoteFollowers } from "@/components/federation/remote-followers";
interface FollowersPageProps {
params: Promise<{ username: string }>;
@@ -11,22 +12,33 @@ export default async function FollowersPage({ params }: FollowersPageProps) {
const { username } = await params;
const token = (await cookies()).get("auth_token")?.value ?? null;
const followersData = await getFollowersList(username, token).catch(
() => null
);
const [followersData, me] = await Promise.all([
getFollowersList(username, token).catch(() => null),
token ? getMe(token).catch(() => null) : null,
]);
if (!followersData) {
notFound();
}
const isOwnProfile = me?.username === username;
return (
<div className="container mx-auto max-w-2xl p-4 sm:p-6">
<header className="my-6">
<h1 className="text-3xl font-bold">Followers</h1>
<p className="text-muted-foreground">Users following @{username}.</p>
</header>
<main>
<main className="space-y-8">
<UserListCard users={followersData.items} />
{isOwnProfile && (
<section>
<h2 className="text-sm font-semibold text-muted-foreground uppercase tracking-wide mb-3">
Remote followers
</h2>
<RemoteFollowers />
</section>
)}
</main>
</div>
);