From d38afa4c667be6007ea6f8cda060b8ce5978ae18 Mon Sep 17 00:00:00 2001
From: emiriko <notalvaroaustin@gmail.com>
Date: Sat, 18 May 2024 22:35:50 +0700
Subject: [PATCH] [RED] Changing how loading looks when creating event

---
 src/app/event/(event)/EventPurpose.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/app/event/(event)/EventPurpose.tsx b/src/app/event/(event)/EventPurpose.tsx
index 79999fa..f75c642 100644
--- a/src/app/event/(event)/EventPurpose.tsx
+++ b/src/app/event/(event)/EventPurpose.tsx
@@ -154,14 +154,23 @@ export const EventPurpose: React.FC = () => {
           width={50}
           className="w-full"
         />
-        <LoadingButton
+        {isLoading ? <LoadingButton
           type="submit"
           className="!text-center !font-bold rounded-lg flex justify-center m-auto !bg-teal-600 !text-white !w-full max-w-sm !px-6 !py-3"
           loading={isLoading}
           loadingIndicator={'Creating...'}
         >
           Plan{' '}
-        </LoadingButton>
+        </LoadingButton> : 
+        <LoadingButton
+        type="submit"
+        className="!text-center !font-bold rounded-lg flex justify-center m-auto !bg-teal-600 !text-white !w-full max-w-sm !px-6 !py-3"
+        loading={isLoading}
+        loadingIndicator={'Creating...'}
+      >
+        Plan{' '}
+      </LoadingButton>
+        }
       </div>
       <Snackbar
         open={open}