[RED] Changing how loading looks when creating event

RevelioStartup · May 18, 2024 · d38afa4 · d38afa4
1 parent 1464a9c
commit d38afa4
Showing 1 changed file with 11 additions and 2 deletions.
diff --git 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}