From 00b4b8f21e984e9b8f72c14153cfab6e47994b0a Mon Sep 17 00:00:00 2001
From: syui <syui@syui.ai>
Date: Fri, 18 Jul 2025 15:01:50 +0900
Subject: [PATCH] Add user ID button before username on homepage
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Display user ID in small button format before username
- Layout: [1] syui format with proper spacing
- Use flex layout with gap for alignment

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

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/pages/HomePage.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/pages/HomePage.tsx b/src/components/pages/HomePage.tsx
index 0b268e2..51353c2 100644
--- a/src/components/pages/HomePage.tsx
+++ b/src/components/pages/HomePage.tsx
@@ -33,7 +33,8 @@ export default function HomePage() {
             <div className="grid gap-4">
               {users.data.map((user) => (
                 <div key={user.id} className="border-b pb-4 last:border-b-0">
-                  <div className="text-lg">
+                  <div className="text-lg flex items-center gap-2">
+                    <button className="btn-sm">{user.id}</button>
                     <a href={`/${user.username}`} className="font-semibold">
                       {user.username}
                     </a>