add copy to clipboard wallet id

This commit is contained in:
ErkiKadhafi 2025-01-18 13:31:38 +07:00
parent 50b9ab7f1c
commit 9b9ce916e3

View File

@ -6,7 +6,7 @@ import Link from "next/link";
import Image from "next/image";
import { useRouter } from "next/navigation";
import { ChevronsUpDown, LogOut } from "lucide-react";
import { ChevronsUpDown, Copy, LogOut } from "lucide-react";
import { useLogin, usePrivy } from "@privy-io/react-auth";
@ -137,19 +137,40 @@ export default function Header() {
</div>
</DropdownMenuLabel>
<DropdownMenuSeparator />
{user.wallet !== undefined && (
<DropdownMenuItem
asChild
className="focus:bg-accent focus:text-primary"
>
<Button
variant={"ghost"}
className="flex-start w-full"
onClick={() => {
navigator.clipboard.writeText(
user.wallet!.address
);
toast.info("Copied to clipboard!");
}}
>
<Copy />
Copy wallet code
</Button>
</DropdownMenuItem>
)}
<DropdownMenuItem
onClick={() => {
logout();
toast.success("You have been signed out");
}}
asChild
className="focus:bg-accent focus:text-primary"
>
<Button
variant={"ghost"}
className="w-full text-primary "
className="flex-start w-full"
>
<LogOut />
Log out
Sign out
</Button>
</DropdownMenuItem>
</DropdownMenuContent>