/ frontend / src / components / auth / IdentityBadge.tsx
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  }