From af9b10341c00bb0f5baf8fb282e5103643cec5f9 Mon Sep 17 00:00:00 2001
From: Monkey <robotmonkeybrain@gmail.com>
Date: Fri, 9 Aug 2024 15:01:28 -0400
Subject: [PATCH] use mui/lab LoadingButton for CreateWallet

---
 src/components/CreateWallet.tsx | 14 +++++++-------
 src/styles/stylesheet.js        |  1 -
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/components/CreateWallet.tsx b/src/components/CreateWallet.tsx
index 5ba0708..3ac0303 100644
--- a/src/components/CreateWallet.tsx
+++ b/src/components/CreateWallet.tsx
@@ -1,6 +1,6 @@
 import { View } from 'react-native';
 import React from 'react';
-import { Button } from 'react-native-paper';
+import { LoadingButton } from '@mui/lab';
 
 import { CreateWalletProps } from '../types';
 import styles from '../styles/stylesheet';
@@ -11,14 +11,14 @@ const CreateWallet = ({
 }: CreateWalletProps) => {
   return (
     <View>
-      <View style={styles.createWalletContainer}>
-        <Button
-          mode="contained"
+      <View>
+        <LoadingButton
+          variant="contained"
           loading={isWalletCreating}
           disabled={isWalletCreating}
-          onPress={createWalletHandler}>
-          {isWalletCreating ? 'Creating' : 'Create Wallet'}
-        </Button>
+          onClick={createWalletHandler}>
+          {isWalletCreating ? 'Creating' : 'CREATE WALLET'}
+        </LoadingButton>
       </View>
     </View>
   );
diff --git a/src/styles/stylesheet.js b/src/styles/stylesheet.js
index 1027d8c..6daedcf 100644
--- a/src/styles/stylesheet.js
+++ b/src/styles/stylesheet.js
@@ -3,7 +3,6 @@ import { StyleSheet } from 'react-native';
 const styles = StyleSheet.create({
   createWalletContainer: {
     marginTop: 20,
-    width: 150,
     alignSelf: 'center',
     marginBottom: 40
   },