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, }, })