LaconicNetwork/laconic-wallet-web
27
0
Fork 2
Code Issues 1 Pull Requests 1 Actions Packages Projects Releases 13 Wiki Activity

Update styles for sign tx embed component

Browse Source
This commit is contained in:
Shreerang Kale 2025-05-06 16:48:57 +05:30
parent 6af4e7224e
commit 11fa235dfb
3 changed files with 12 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/screens/SignTxEmbed.tsx
View File

@ -14,7 +14,6 @@ import { toHex } from '@cosmjs/encoding';
import { getCosmosAccountByHDPath, retrieveAccounts, retrieveSingleAccount } from '../utils/accounts';
import AccountDetails from '../components/AccountDetails';
import styles from '../styles/stylesheet';
import DataBox from '../components/DataBox';
import { getMnemonic, getPathKey, sendMessage } from '../utils/misc';
import { useNetworks } from '../context/NetworksContext';
import TxErrorDialog from '../components/TxErrorDialog';
@ -320,17 +319,18 @@ export const SignTxEmbed = () => {
</View>
</View>
<DataBox
label={`Balance (${transactionDetails.requestedNetwork.nativeDenom})`}
data={transactionDetails.balance === 'N/A' ? 'Could not load' : transactionDetails.balance}
/>
<View style={styles.section}>
<Text style={styles.sectionTitle}>{`Balance (${transactionDetails.requestedNetwork.nativeDenom})`}</Text>
<View style={styles.dataBox}>
<Text style={styles.codeText}>
{transactionDetails.balance}
</Text>
</View>
</View>
<View style={styles.section}>
<Text style={styles.sectionTitle}>Transaction Body</Text>
<ScrollView
style={styles.codeContainer}
contentContainerStyle={{ padding: 10 }}
>
<ScrollView style={styles.messageBody} contentContainerStyle={{ padding: 10 }}>
<Text style={styles.codeText}>
{formattedTxBody}
</Text>
@ -339,7 +339,7 @@ export const SignTxEmbed = () => {
<View style={styles.section}>
<Text style={styles.sectionTitle}>Auth Info</Text>
<ScrollView style={styles.codeContainer} contentContainerStyle={{ padding: 10 }}>
<ScrollView style={styles.messageBody} contentContainerStyle={{ padding: 10 }}>
<Text style={styles.codeText}>
{formattedAuthInfo}
</Text>
@ -348,7 +348,7 @@ export const SignTxEmbed = () => {
<View style={styles.section}>
<Text style={styles.sectionTitle}>Transaction Data To Be Signed</Text>
<ScrollView style={styles.codeContainer} contentContainerStyle={{ padding: 10 }}>
<ScrollView style={styles.messageBody} contentContainerStyle={{ padding: 10 }}>
<Text style={styles.codeText}>
{formattedSignDoc}
</Text>

12
src/styles/stylesheet.js
View File

@ -363,21 +363,9 @@ const styles = StyleSheet.create({
fontWeight: 'bold',
marginBottom: 8,
},
codeContainer: {
backgroundColor: '#e0e0e0',
borderRadius: 6,
maxHeight: 200,
},
codeText: {
fontFamily: 'monospace',
fontSize: 12,
color: '#333',
},
feeContainer: {
flexDirection: 'row',
justifyContent: 'space-between',
gap: 10,
marginBottom: 16,
},
input: {
flex: 1,

2
src/utils/constants.ts
View File

@ -83,7 +83,7 @@ export const REQUEST_WALLET_ACCOUNTS = 'REQUEST_WALLET_ACCOUNTS';
export const REQUEST_CREATE_OR_GET_ACCOUNTS = 'REQUEST_CREATE_OR_GET_ACCOUNTS';
export const REQUEST_TX = 'REQUEST_TX';
export const REQUEST_ACCOUNT_PK = 'REQUEST_ACCOUNT_PK';
export const REQUEST_ADD_ACCOUNT = 'ADD_ACCOUNT';
export const REQUEST_ADD_ACCOUNT = 'REQUEST_ADD_ACCOUNT';
export const AUTO_SIGN_IN = 'AUTO_SIGN_IN';
export const CHECK_BALANCE = 'CHECK_BALANCE';