From 40ccc4c3332a1e0ee7c83367e128db68e4e5ba6f Mon Sep 17 00:00:00 2001
From: Isha Venikar <145848618+IshaVenikar@users.noreply.github.com>
Date: Tue, 16 Jul 2024 09:54:49 +0530
Subject: [PATCH] Add spinner to Yes button in `ApproveTransaction` page (#122)

* Add spinner to Yes button

* Fix indentation

* Modify variable names

* Set isRequestAccepted to false
---
 src/screens/ApproveTransaction.tsx | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/screens/ApproveTransaction.tsx b/src/screens/ApproveTransaction.tsx
index d4230f1..532d8a1 100644
--- a/src/screens/ApproveTransaction.tsx
+++ b/src/screens/ApproveTransaction.tsx
@@ -56,6 +56,7 @@ const ApproveTransaction = ({ route }: ApproveTransactionProps) => {
   const [fees, setFees] = useState<string>();
   const [txError, setTxError] = useState<string>();
   const [isTxErrorDialogOpen, setIsTxErrorDialogOpen] = useState(false);
+  const [isRequestAccepted, setIsRequestAccepted] = useState(false);
 
   const navigation =
     useNavigation<NativeStackNavigationProp<StackParamsList>>();
@@ -169,6 +170,7 @@ const ApproveTransaction = ({ route }: ApproveTransactionProps) => {
 
   const acceptRequestHandler = async () => {
     try {
+      setIsRequestAccepted(true);
       if (!account) {
         throw new Error('account not found');
       }
@@ -205,6 +207,7 @@ const ApproveTransaction = ({ route }: ApproveTransactionProps) => {
       );
 
       await web3wallet!.respondSessionRequest({ topic, response });
+      setIsRequestAccepted(false);
       navigation.navigate('Laconic');
     } catch (error: any) {
       setTxError(error.message);
@@ -266,7 +269,11 @@ const ApproveTransaction = ({ route }: ApproveTransactionProps) => {
             }}
           />
           <View style={styles.buttonContainer}>
-            <Button mode="contained" onPress={acceptRequestHandler}>
+            <Button
+              mode="contained"
+              onPress={acceptRequestHandler}
+              loading={isRequestAccepted}
+              disabled={isRequestAccepted}>
               Yes
             </Button>
             <Button