From f07388cec990c7739fe71f598bb026c046cab217 Mon Sep 17 00:00:00 2001
From: emiriko <notalvaroaustin@gmail.com>
Date: Sat, 18 May 2024 22:41:45 +0700
Subject: [PATCH] [GREEN] Successfuly changing button state

---
 src/app/event/(event)/EventPurpose.tsx | 34 +++++++++++++-------------
 1 file changed, 17 insertions(+), 17 deletions(-)

diff --git a/src/app/event/(event)/EventPurpose.tsx b/src/app/event/(event)/EventPurpose.tsx
index f75c642..8111b4e 100644
--- a/src/app/event/(event)/EventPurpose.tsx
+++ b/src/app/event/(event)/EventPurpose.tsx
@@ -1,4 +1,5 @@
 import { useEventContext } from '@/components/contexts/EventContext'
+import { Button } from '@/components/elements/Button'
 import { Input } from '@/components/elements/Forms/input'
 import { useCreateEventMutation } from '@/redux/api/eventApi'
 import { useAppSelector } from '@/redux/store'
@@ -154,23 +155,22 @@ export const EventPurpose: React.FC = () => {
           width={50}
           className="w-full"
         />
-        {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
-        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>
-        }
+        {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...'}
+          >
+          </LoadingButton>
+        ) : (
+          <Button
+            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"
+          >
+            Plan{' '}
+          </Button>
+        )}
       </div>
       <Snackbar
         open={open}