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}
+
+ >
+ );
+}