From 1d50e800b68f18e5fa4d9f0410bc261c51381251 Mon Sep 17 00:00:00 2001
From: diogo464 <diogo464@d464.sh>
Date: Thu, 14 Aug 2025 15:17:26 +0100
Subject: feat: move History button next to user email in header
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Relocate History button from DriveHeader to AuthButtons component
- Position History button between user email and logout button
- Only show History button when user is logged in
- Improves UI organization and user experience

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 frontend/components/auth/AuthButtons.tsx  |  9 ++++++++-
 frontend/components/drive/DriveHeader.tsx | 14 ++------------
 2 files changed, 10 insertions(+), 13 deletions(-)

diff --git a/frontend/components/auth/AuthButtons.tsx b/frontend/components/auth/AuthButtons.tsx
index cfa69fe..474593d 100644
--- a/frontend/components/auth/AuthButtons.tsx
+++ b/frontend/components/auth/AuthButtons.tsx
@@ -1,7 +1,8 @@
-import { LogIn, LogOut } from "lucide-react"
+import { LogIn, LogOut, Clock } from "lucide-react"
 import { Button } from "@/components/ui/button"
 import { Auth_get_user } from "@/lib/auth"
 import { Auth_tinyauth_public_endpoint } from "@/lib/auth_shared"
+import Link from "next/link"
 
 export async function AuthButtons() {
   const user = await Auth_get_user()
@@ -10,6 +11,12 @@ export async function AuthButtons() {
     return (
       <div className="flex items-center gap-3">
         <span className="text-sm text-muted-foreground">{user.email}</span>
+        <Link href="/history">
+          <Button variant="outline" size="sm">
+            <Clock className="mr-2 h-4 w-4" />
+            History
+          </Button>
+        </Link>
         <form action="/logout" method="post">
           <Button type="submit" variant="outline">
             <LogOut className="mr-2 h-4 w-4" />
diff --git a/frontend/components/drive/DriveHeader.tsx b/frontend/components/drive/DriveHeader.tsx
index 76b0e40..718d031 100644
--- a/frontend/components/drive/DriveHeader.tsx
+++ b/frontend/components/drive/DriveHeader.tsx
@@ -1,7 +1,5 @@
-import { HardDrive, Clock } from "lucide-react"
+import { HardDrive } from "lucide-react"
 import { AuthButtons } from "@/components/auth/AuthButtons"
-import Link from "next/link"
-import { Button } from "@/components/ui/button"
 
 export async function DriveHeader() {
   return (
@@ -11,15 +9,7 @@ export async function DriveHeader() {
         <h1 className="text-2xl font-bold">FCT Drive</h1>
       </div>
       
-      <div className="flex items-center gap-2">
-        <Link href="/history">
-          <Button variant="outline" size="sm">
-            <Clock className="mr-2 h-4 w-4" />
-            History
-          </Button>
-        </Link>
-        <AuthButtons />
-      </div>
+      <AuthButtons />
     </div>
   )
 }
\ No newline at end of file
-- 
cgit