deep-stack/laconic-wallet-web
3
0
Fork 0
forked from cerc-io/laconic-wallet-web
Code Pull Requests Activity

Fix scrollview in pairing modal

Browse Source
This commit is contained in:
IshaVenikar 2024-08-01 18:39:12 +05:30
parent 9a112783d2
commit 7be5899ad5
2 changed files with 27 additions and 20 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
src/components/PairingModal.tsx
View File

@ -206,7 +206,7 @@ const PairingModal = ({
<>
{icon.endsWith('.svg') ? (
<View style={styles.dappLogo}>
<Text>SvgURI requstIcon</Text>
<Text>SvgURI requestIcon</Text>
</View>
) : (
<Image style={styles.dappLogo} source={{ uri: icon }} />
@ -229,25 +229,27 @@ const PairingModal = ({
<Modal visible={visible} animationType="slide" transparent>
<View style={styles.modalOuterContainer}>
<View style={styles.modalContentContainer}>
<ScrollView showsVerticalScrollIndicator={true}>
<View style={styles.container}>
{icon && (
<>
{icon.endsWith('.svg') ? (
<View style={styles.dappLogo}>
<Text>SvgURI requestIcon</Text>
</View>
) : (
<Image style={styles.dappLogo} source={{ uri: icon }} />
)}
</>
)}
<Text variant="titleMedium">{dappName}</Text>
<Text variant="bodyMedium">{url}</Text>
<View style={styles.marginVertical8} />
<Text variant="titleMedium">Connect to this site?</Text>
</View>
<ScrollView showsVerticalScrollIndicator={true} style={styles.scrollViewContainer}>
<View style={styles.container}>
{icon && (
<>
{icon.endsWith('.svg') ? (
<View style={styles.dappLogo}>
<Text>SvgURI requstIcon</Text>
</View>
) : (
<Image style={styles.dappLogo} source={{ uri: icon }} />
)}
</>
)}
<Text variant="titleMedium">{dappName}</Text>
<Text variant="bodyMedium">{url}</Text>
<View style={styles.marginVertical8} />
<Text variant="titleMedium">Connect to this site?</Text>
{walletConnectData.walletConnectMethods.length > 0 && (
<View>
<Text variant="titleMedium">Chains:</Text>

7
src/styles/stylesheet.js
View File

@ -166,6 +166,7 @@ const styles = StyleSheet.create({
justifyContent: 'center',
marginBottom: 10,
paddingHorizontal: 20,
minHeight: 100,
},
modalContentContainer: {
display: 'flex',
@ -301,7 +302,11 @@ const styles = StyleSheet.create({
networksButton: {
marginTop: 12,
marginBottom: 20,
}
},
scrollViewContainer: {
height: 60,
marginTop: 20,
},
});
export default styles;