cerc-io/laconic-wallet-web
17
0
Fork 2
Code Issues 1 Pull Requests Actions Packages Projects Releases 3 Wiki Activity

use mui/lab LoadingButton for CreateWallet

Browse Source
This commit is contained in:
Monkey 2024-08-09 15:01:28 -04:00
parent 72d9bd453f
commit af9b10341c
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/CreateWallet.tsx
View File

@ -1,6 +1,6 @@
import { View } from 'react-native'; import { View } from 'react-native';
import React from 'react'; import React from 'react';
import { Button } from 'react-native-paper'; import { LoadingButton } from '@mui/lab';
import { CreateWalletProps } from '../types'; import { CreateWalletProps } from '../types';
import styles from '../styles/stylesheet'; import styles from '../styles/stylesheet';
@ -11,14 +11,14 @@ const CreateWallet = ({
}: CreateWalletProps) => { }: CreateWalletProps) => {
return ( return (
<View> <View>
<View style={styles.createWalletContainer}> <View>
<Button <LoadingButton
mode="contained" variant="contained"
loading={isWalletCreating} loading={isWalletCreating}
disabled={isWalletCreating} disabled={isWalletCreating}
onPress={createWalletHandler}> onClick={createWalletHandler}>
{isWalletCreating ? 'Creating' : 'Create Wallet'} {isWalletCreating ? 'Creating' : 'CREATE WALLET'}
</Button> </LoadingButton>
</View> </View>
</View> </View>
); );

1
src/styles/stylesheet.js
View File

@ -3,7 +3,6 @@ import { StyleSheet } from 'react-native';
const styles = StyleSheet.create({ const styles = StyleSheet.create({
createWalletContainer: { createWalletContainer: {
marginTop: 20, marginTop: 20,
width: 150,
alignSelf: 'center', alignSelf: 'center',
marginBottom: 40 marginBottom: 40
}, },