diff --git a/app/src/components/proof-request/ConnectedWalletBadge.tsx b/app/src/components/proof-request/ConnectedWalletBadge.tsx index 8cc288536..905f196c1 100644 --- a/app/src/components/proof-request/ConnectedWalletBadge.tsx +++ b/app/src/components/proof-request/ConnectedWalletBadge.tsx @@ -20,7 +20,7 @@ export interface ConnectedWalletBadgeProps { /** * Blue badge showing connected wallet address. - * Matches Figma design 15234:9267. + * Matches Figma design 15234:9295 (icon). */ export const ConnectedWalletBadge: React.FC = ({ address, @@ -50,7 +50,7 @@ export const ConnectedWalletBadge: React.FC = ({ alignItems="center" gap={6} > - + = ({ {/* Status Icon */} = ({ timestamp, @@ -26,37 +26,41 @@ export const ProofMetadataBar: React.FC = ({ return ( - - {/* Document icon */} - - - - Proofs Requested - + + {/* Icon + Label group */} + + + + Proofs Requested + + + {/* Dot separator */} + {/* Timestamp */} diff --git a/app/src/components/proof-request/icons.tsx b/app/src/components/proof-request/icons.tsx index efb1161f0..d81ea35e4 100644 --- a/app/src/components/proof-request/icons.tsx +++ b/app/src/components/proof-request/icons.tsx @@ -57,7 +57,7 @@ export const CopyIcon: React.FC = ({ ); /** - * Document icon + * Document icon (lighter stroke to match SF Symbol design) */ export const DocumentIcon: React.FC = ({ size = 18, @@ -67,7 +67,7 @@ export const DocumentIcon: React.FC = ({ = ({ @@ -121,7 +121,7 @@ export const InfoCircleIcon: React.FC = ({ ); /** - * Wallet icon + * Wallet icon (credit card style to match SF Symbol creditcard 􀟿) */ export const WalletIcon: React.FC = ({ size = 16, @@ -129,21 +129,20 @@ export const WalletIcon: React.FC = ({ }) => ( - );