From c80dbbf7ee109772791e09f6108cfa21de4c1609 Mon Sep 17 00:00:00 2001
From: nikospapcom <admin@nikospap.com>
Date: Wed, 18 Oct 2023 11:53:48 +0300
Subject: [PATCH] chore(clerk-js): Keep CreateOrganizationForm disabled if
 avatar has been uploaded

---
 .changeset/hot-shoes-roll.md                                 | 5 +++++
 .../components/CreateOrganization/CreateOrganizationForm.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/hot-shoes-roll.md

diff --git a/.changeset/hot-shoes-roll.md b/.changeset/hot-shoes-roll.md
new file mode 100644
index 00000000000..56427f7bd29
--- /dev/null
+++ b/.changeset/hot-shoes-roll.md
@@ -0,0 +1,5 @@
+---
+'@clerk/clerk-js': patch
+---
+
+Keep `CreateOrganizationForm` disabled in case of an uploaded avatar and organization name is empty.
diff --git a/packages/clerk-js/src/ui/components/CreateOrganization/CreateOrganizationForm.tsx b/packages/clerk-js/src/ui/components/CreateOrganization/CreateOrganizationForm.tsx
index 75471cd172e..0d89db40c5e 100644
--- a/packages/clerk-js/src/ui/components/CreateOrganization/CreateOrganizationForm.tsx
+++ b/packages/clerk-js/src/ui/components/CreateOrganization/CreateOrganizationForm.tsx
@@ -46,7 +46,7 @@ export const CreateOrganizationForm = (props: CreateOrganizationFormProps) => {
   });
 
   const dataChanged = !!nameField.value;
-  const canSubmit = dataChanged || !!file;
+  const canSubmit = dataChanged;
 
   const onSubmit = async (e: React.FormEvent) => {
     e.preventDefault();