From 9b9ce916e38168d44bc25e3ef717fdab9f5db8b3 Mon Sep 17 00:00:00 2001
From: ErkiKadhafi <erki.qaedhafi@gmail.com>
Date: Sat, 18 Jan 2025 13:31:38 +0700
Subject: [PATCH] add copy to clipboard wallet id

---
 src/components/sections/header.tsx | 27 ++++++++++++++++++++++++---
 1 file changed, 24 insertions(+), 3 deletions(-)

diff --git a/src/components/sections/header.tsx b/src/components/sections/header.tsx
index 7e64ca4..1045cf6 100644
--- a/src/components/sections/header.tsx
+++ b/src/components/sections/header.tsx
@@ -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>