diff --git a/apps/wallet-mobile/src/components/Info/Info.tsx b/apps/wallet-mobile/src/components/Info/Info.tsx
index b4272cc14e..0cad9bef29 100644
--- a/apps/wallet-mobile/src/components/Info/Info.tsx
+++ b/apps/wallet-mobile/src/components/Info/Info.tsx
@@ -40,7 +40,7 @@ const useStyles = () => {
const colors = {
yellow: color.sys_orange_500,
- blue: color.primary_500,
+ blue: color.el_primary_medium,
}
return {colors, styles} as const
diff --git a/apps/wallet-mobile/src/features/ReviewTx/common/CopiableText.tsx b/apps/wallet-mobile/src/features/ReviewTx/common/CopiableText.tsx
index 45dea2a1e6..e72a49e84a 100644
--- a/apps/wallet-mobile/src/features/ReviewTx/common/CopiableText.tsx
+++ b/apps/wallet-mobile/src/features/ReviewTx/common/CopiableText.tsx
@@ -4,6 +4,7 @@ import {StyleSheet, TouchableOpacity, View, ViewStyle} from 'react-native'
import {useCopy} from '../../../components/Clipboard/ClipboardProvider'
import {Icon} from '../../../components/Icon'
+import {Space} from '../../../components/Space/Space'
export const CopiableText = ({
children,
@@ -20,6 +21,8 @@ export const CopiableText = ({
{children}
+
+
)
@@ -30,7 +33,7 @@ export const CopyButton = ({textToCopy}: {textToCopy: string}) => {
const {copy} = useCopy()
return (
copy({text: textToCopy})} activeOpacity={0.5}>
-
+
)
}
diff --git a/apps/wallet-mobile/src/features/ReviewTx/useCases/ReviewTxScreen/ReviewTx/Overview/OverviewTab.tsx b/apps/wallet-mobile/src/features/ReviewTx/useCases/ReviewTxScreen/ReviewTx/Overview/OverviewTab.tsx
index 1d42b47eb4..70f3279bf1 100644
--- a/apps/wallet-mobile/src/features/ReviewTx/useCases/ReviewTxScreen/ReviewTx/Overview/OverviewTab.tsx
+++ b/apps/wallet-mobile/src/features/ReviewTx/useCases/ReviewTxScreen/ReviewTx/Overview/OverviewTab.tsx
@@ -116,7 +116,7 @@ const WalletInfoSection = ({tx, createdBy}: {tx: FormattedTx; createdBy?: React.
-
+
{`${plate} | ${meta.name}`}
@@ -177,7 +177,13 @@ const MyWalletSection = ({
{address}
- {ownedOutputs[0]?.addressKind === CredKind.Script && }
+ {ownedOutputs[0]?.addressKind === CredKind.Script && (
+ <>
+
+
+
+ >
+ )}
@@ -273,12 +279,7 @@ const OneExternalPartySection = ({
-
- {output?.addressKind === CredKind.Script && receiverCustomTitle == null
- ? strings.receiveToScriptLabel
- : strings.receiveToLabel}
- :
-
+ {strings.receiveToLabel}:
{receiverCustomTitle ?? (
@@ -290,7 +291,13 @@ const OneExternalPartySection = ({
{address}
- {output?.addressKind === CredKind.Script && }
+ {output?.addressKind === CredKind.Script && (
+ <>
+
+
+
+ >
+ )}
)}
@@ -320,7 +327,13 @@ const MultiExternalPartiesSection = ({outputs}: {outputs: FormattedOutputs}) =>
{address}
- {output?.addressKind === CredKind.Script && }
+ {output?.addressKind === CredKind.Script && (
+ <>
+
+
+
+ >
+ )}
@@ -489,7 +502,7 @@ export const CreatedByInfoItem = ({logo, url}: {logo?: string; url: string}) =>
{logo != null && }
-
+
Linking.openURL(url)}>
{url.replace(/^https?:\/\//, '').replace(/\/+$/, '')}
@@ -678,7 +691,7 @@ const useStyles = () => {
})
const colors = {
- send: color.primary_500,
+ send: color.el_primary_medium,
received: color.green_static,
icon: color.el_gray_medium,
}
diff --git a/apps/wallet-mobile/src/features/ReviewTx/useCases/ReviewTxScreen/ReviewTx/ReviewTx.tsx b/apps/wallet-mobile/src/features/ReviewTx/useCases/ReviewTxScreen/ReviewTx/ReviewTx.tsx
index 00e58ebfab..8b9806c9b5 100644
--- a/apps/wallet-mobile/src/features/ReviewTx/useCases/ReviewTxScreen/ReviewTx/ReviewTx.tsx
+++ b/apps/wallet-mobile/src/features/ReviewTx/useCases/ReviewTxScreen/ReviewTx/ReviewTx.tsx
@@ -201,10 +201,10 @@ const useStyles = () => {
},
indicator: {
...atoms.absolute,
- bottom: 0,
- height: 2,
+ bottom: -2,
+ height: 2.5,
width: '100%',
- backgroundColor: color.primary_500,
+ backgroundColor: color.el_primary_medium,
},
})