From 1f44e7afcbaf405f74c97785dc5af4e4e88d6181 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Tue, 28 Oct 2025 13:12:20 +0000
Subject: [PATCH] Refactor: Format badge text to normal case

---
 src/components/homepage/RecentChangeCard.tsx | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/src/components/homepage/RecentChangeCard.tsx b/src/components/homepage/RecentChangeCard.tsx
index 73e3900f..0e6de9a6 100644
--- a/src/components/homepage/RecentChangeCard.tsx
+++ b/src/components/homepage/RecentChangeCard.tsx
@@ -33,6 +33,20 @@ const entityTypeColors = {
   company: 'bg-indigo-500/10 text-indigo-700 dark:text-indigo-400 border-indigo-500/20',
 };
 
+const formatEntityType = (type: string): string => {
+  return type
+    .split('_')
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ');
+};
+
+const formatChangeType = (type: string): string => {
+  return type
+    .split('_')
+    .map(word => word.charAt(0).toUpperCase() + word.slice(1))
+    .join(' ');
+};
+
 export function RecentChangeCard({
   entityType,
   entityId,
@@ -78,10 +92,10 @@ export function RecentChangeCard({
           <div className="space-y-2">
             <div className="flex items-center gap-2 flex-wrap">
               <Badge variant="outline" className={entityTypeColors[entityType]}>
-                {entityType}
+                {formatEntityType(entityType)}
               </Badge>
               <Badge variant="outline" className={changeTypeColors[changeType as keyof typeof changeTypeColors] || changeTypeColors.archived}>
-                {changeType}
+                {formatChangeType(changeType)}
               </Badge>
             </div>
             <h3 className="font-bold line-clamp-2 text-sm group-hover:text-primary transition-all duration-300 group-hover:drop-shadow-[0_0_8px_rgba(139,92,246,0.5)]">{entityName}</h3>