From cb1e0a283a5f9854304b66f29002bc65b2b5b5d0 Mon Sep 17 00:00:00 2001
From: IshaVenikar <ishavenikar7@gmail.com>
Date: Tue, 30 Jul 2024 12:24:35 +0530
Subject: [PATCH] Use MUI dialog component for tx error

---
 src/components/TxErrorDialog.tsx | 22 ++++++++++------------
 src/styles/stylesheet.js         |  1 +
 2 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/src/components/TxErrorDialog.tsx b/src/components/TxErrorDialog.tsx
index 8b757b4..898eb4d 100644
--- a/src/components/TxErrorDialog.tsx
+++ b/src/components/TxErrorDialog.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { Button, Dialog, Portal, Text } from 'react-native-paper';
+import { Dialog, DialogTitle, DialogContent, DialogActions, Button, Typography } from '@mui/material';
 
 const TxErrorDialog = ({
   error,
@@ -11,17 +11,15 @@ const TxErrorDialog = ({
   hideDialog: () => void;
 }) => {
   return (
-    <Portal>
-      <Dialog visible={visible} onDismiss={hideDialog}>
-        <Dialog.Title>Transaction Error</Dialog.Title>
-        <Dialog.Content>
-          <Text variant="bodyMedium">{error}</Text>
-        </Dialog.Content>
-        <Dialog.Actions>
-          <Button onPress={hideDialog}>OK</Button>
-        </Dialog.Actions>
-      </Dialog>
-    </Portal>
+    <Dialog open={visible} onClose={hideDialog}>
+      <DialogTitle>Transaction Error</DialogTitle>
+      <DialogContent>
+        <Typography variant="body1">{error}</Typography>
+      </DialogContent>
+      <DialogActions>
+        <Button onClick={hideDialog}>OK</Button>
+      </DialogActions>
+    </Dialog>
   );
 };
 
diff --git a/src/styles/stylesheet.js b/src/styles/stylesheet.js
index 5c0b5f4..a6153db 100644
--- a/src/styles/stylesheet.js
+++ b/src/styles/stylesheet.js
@@ -143,6 +143,7 @@ const styles = StyleSheet.create({
   buttonContainer: {
     flexDirection: 'row',
     marginLeft: 20,
+    marginTop: 10,
     marginBottom: 10,
     justifyContent: 'space-evenly',
   },