diff --git a/mobile-app/app/components/SummaryTitle.tsx b/mobile-app/app/components/SummaryTitle.tsx index 280cc2b62d..05af981acd 100644 --- a/mobile-app/app/components/SummaryTitle.tsx +++ b/mobile-app/app/components/SummaryTitle.tsx @@ -99,29 +99,33 @@ export function SummaryTitle(props: ISummaryTitleProps): JSX.Element { > {translate("screens/common", "From")} - - - - {props.fromAddressLabel ?? props.fromAddress} - - + + + ) : ( + // DVM from address + + + + )} )} @@ -162,10 +166,8 @@ export function SummaryTitle(props: ISummaryTitleProps): JSX.Element { tailwind( "text-mono-light-v2-00 text-sm font-normal-v2 tracking-[0.24]", ), - { - minWidth: 10, - maxWidth: 108, - }, + // eslint-disable-next-line react-native/no-inline-styles + { minWidth: 10, maxWidth: 108 }, ]} light={tailwind("text-mono-light-v2-1000")} dark={tailwind("text-mono-dark-v2-1000")} @@ -198,10 +200,7 @@ export function SummaryTitle(props: ISummaryTitleProps): JSX.Element { style={[ tailwind("text-sm font-normal-v2"), // eslint-disable-next-line react-native/no-inline-styles - { - minWidth: 10, - maxWidth: 108, - }, + { minWidth: 10, maxWidth: 108 }, ]} light={tailwind("text-mono-light-v2-900")} dark={tailwind("text-mono-dark-v2-900")} @@ -217,3 +216,26 @@ export function SummaryTitle(props: ISummaryTitleProps): JSX.Element { ); } + +function FromAddress(props: { + fromAddress: string; + fromAddressLabel?: string | null; +}): JSX.Element { + return ( + <> + + + {props.fromAddressLabel ?? props.fromAddress} + + + ); +}