IdentityBadge.tsx
1 interface IdentityBadgeProps { 2 address: string 3 showFull?: boolean 4 } 5 6 export default function IdentityBadge({ 7 address, 8 showFull = false, 9 }: IdentityBadgeProps) { 10 // Determine chain from prefix 11 const isAlpha = address.startsWith('ax1') 12 const chain = isAlpha ? 'Alpha' : 'Delta' 13 const chainColor = isAlpha ? 'bg-alpha-100 text-alpha-700' : 'bg-delta-100 text-delta-700' 14 15 // Truncate address for display 16 const displayAddress = showFull 17 ? address 18 : `${address.slice(0, 8)}...${address.slice(-6)}` 19 20 return ( 21 <div className="flex items-center gap-2"> 22 <span className={`px-2 py-0.5 rounded text-xs font-medium ${chainColor}`}> 23 {chain} 24 </span> 25 <span className="font-mono text-sm text-gray-700" title={address}> 26 {displayAddress} 27 </span> 28 </div> 29 ) 30 }