From edcc89ce81fcf7f1a9aece2dcdf21749a8b308c2 Mon Sep 17 00:00:00 2001
From: Joshen Lim <joshenlimek@gmail.com>
Date: Thu, 29 Feb 2024 13:48:54 +0800
Subject: [PATCH] Disable cancel button when creating org (#21653)

---
 .../interfaces/Organization/NewOrg/NewOrgForm.tsx         | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/apps/studio/components/interfaces/Organization/NewOrg/NewOrgForm.tsx b/apps/studio/components/interfaces/Organization/NewOrg/NewOrgForm.tsx
index 804ea1b0d62..59ee3e0b6a3 100644
--- a/apps/studio/components/interfaces/Organization/NewOrg/NewOrgForm.tsx
+++ b/apps/studio/components/interfaces/Organization/NewOrg/NewOrgForm.tsx
@@ -197,7 +197,11 @@ const NewOrgForm = ({ onPaymentMethodReset }: NewOrgFormProps) => {
           }
           footer={
             <div key="panel-footer" className="flex w-full items-center justify-between">
-              <Button type="default" onClick={() => router.push('/projects')}>
+              <Button
+                type="default"
+                disabled={newOrgLoading}
+                onClick={() => router.push('/projects')}
+              >
                 Cancel
               </Button>
               <div className="flex items-center space-x-3">
@@ -216,7 +220,7 @@ const NewOrgForm = ({ onPaymentMethodReset }: NewOrgFormProps) => {
             </div>
           }
         >
-          <Panel.Content className="pt-0">
+          <Panel.Content>
             <p className="text-sm">This is your organization within Supabase.</p>
             <p className="text-sm text-foreground-light">
               For example, you can use the name of your company or department.