feat: add copy handle button and fediverse info link to profile
This commit is contained in:
@@ -59,6 +59,8 @@ import { Button } from "@/components/ui/button";
|
|||||||
import Link from "next/link";
|
import Link from "next/link";
|
||||||
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
|
||||||
import { PendingRequests } from "@/components/federation/pending-requests";
|
import { PendingRequests } from "@/components/federation/pending-requests";
|
||||||
|
import { CopyButton } from "@/components/copy-button";
|
||||||
|
import { HelpCircle } from "lucide-react";
|
||||||
|
|
||||||
interface ProfilePageProps {
|
interface ProfilePageProps {
|
||||||
params: Promise<{ username: string }>;
|
params: Promise<{ username: string }>;
|
||||||
@@ -197,9 +199,19 @@ export default async function ProfilePage({ params }: ProfilePageProps) {
|
|||||||
@{user.username}
|
@{user.username}
|
||||||
</p>
|
</p>
|
||||||
{fediverseHandle && (
|
{fediverseHandle && (
|
||||||
<p className="text-xs text-muted-foreground/70 mt-0.5 font-mono select-all break-all">
|
<div className="flex items-center gap-1 mt-0.5">
|
||||||
{fediverseHandle}
|
<p className="text-xs text-muted-foreground/70 font-mono break-all">
|
||||||
</p>
|
{fediverseHandle}
|
||||||
|
</p>
|
||||||
|
<CopyButton text={fediverseHandle} />
|
||||||
|
<Link
|
||||||
|
href="/about/fediverse"
|
||||||
|
title="What is the Fediverse?"
|
||||||
|
className="inline-flex items-center text-muted-foreground/50 hover:text-muted-foreground transition-colors"
|
||||||
|
>
|
||||||
|
<HelpCircle className="h-3 w-3" />
|
||||||
|
</Link>
|
||||||
|
</div>
|
||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user