From 054846f8e56793035432b28fa534708c1b8eb847 Mon Sep 17 00:00:00 2001
From: syui <syui@syui.ai>
Date: Sun, 20 Jul 2025 13:00:35 +0900
Subject: [PATCH] Add planet display to user profile

- Display planet value with earth icon
- Format large numbers as M (millions) or K (thousands)
- Example: 2000336.062109 displays as 2.00M
- Show only when planet value exists
---
 src/components/user/UserProfile.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/user/UserProfile.tsx b/src/components/user/UserProfile.tsx
index 5cd58a7..3a39464 100644
--- a/src/components/user/UserProfile.tsx
+++ b/src/components/user/UserProfile.tsx
@@ -6,6 +6,15 @@ interface UserProfileProps {
 }
 
 export default function UserProfile({ user, cards }: UserProfileProps) {
+  const formatPlanet = (planet: number) => {
+    if (planet >= 1000000) {
+      return `${(planet / 1000000).toFixed(2)}M`;
+    } else if (planet >= 1000) {
+      return `${(planet / 1000).toFixed(2)}K`;
+    }
+    return planet.toLocaleString();
+  };
+
   return (
     <div className="bg-white rounded-lg p-6 mb-8">
       <h3 className="text-2xl font-bold mb-4 flex items-center gap-2">
@@ -48,7 +57,7 @@ export default function UserProfile({ user, cards }: UserProfileProps) {
         {user.planet && (
           <div className="flex items-center gap-1">
             <i className="fa-solid fa-earth-americas"></i>
-            {user.planet}
+            {formatPlanet(user.planet)}
           </div>
         )}
       </div>