From 1cdb32065cb0c0999b3101aa18f683572faa532d Mon Sep 17 00:00:00 2001
From: Pritam12F <pritam.das.santu@gmail.com>
Date: Sun, 11 Aug 2024 20:13:40 +0530
Subject: [PATCH] changed button style

---
 src/components/AddNewPayout.tsx | 37 ++++++++++++++++++---------------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/src/components/AddNewPayout.tsx b/src/components/AddNewPayout.tsx
index 33254f4b5..10bd27935 100644
--- a/src/components/AddNewPayout.tsx
+++ b/src/components/AddNewPayout.tsx
@@ -48,23 +48,26 @@ export const AddPayout = () => {
           id="address"
         ></Input>
       </div>
-      <Button
-        onClick={async () => {
-          try {
-            await axios.post('/api/addpayout', {
-              payoutType,
-              address,
-            });
-            toast.success(
-              `Added ${payoutType === 'upi' ? payoutType.toUpperCase() : payoutType} successfully!`,
-            );
-          } catch {
-            toast.error('Error adding address!');
-          }
-        }}
-      >
-        Add {payoutType === 'upi' ? 'UPI' : 'Solana'}
-      </Button>
+      <div className="flex justify-center">
+        <Button
+          className="min-w-52"
+          onClick={async () => {
+            try {
+              await axios.post('/api/addpayout', {
+                payoutType,
+                address,
+              });
+              toast.success(
+                `Added ${payoutType === 'upi' ? payoutType.toUpperCase() : payoutType} successfully!`,
+              );
+            } catch {
+              toast.error('Error adding address!');
+            }
+          }}
+        >
+          Add {payoutType === 'upi' ? 'UPI' : 'Solana'}
+        </Button>
+      </div>
     </diV>
   );
 };