From e2191cbb276a0e828ca52dc2133b51b3d8d5de87 Mon Sep 17 00:00:00 2001
From: Aaryan Khandelwal <aaryankhandu123@gmail.com>
Date: Mon, 24 Jul 2023 12:21:53 +0530
Subject: [PATCH] chore: increase project identifier max length

---
 apps/app/components/project/create-project-modal.tsx      | 5 ++---
 apps/app/components/ui/dropdowns/custom-menu.tsx          | 2 +-
 apps/app/components/ui/dropdowns/custom-search-select.tsx | 1 +
 apps/app/components/ui/dropdowns/custom-select.tsx        | 1 +
 4 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/app/components/project/create-project-modal.tsx b/apps/app/components/project/create-project-modal.tsx
index d9c6c24d359..ef34320fac6 100644
--- a/apps/app/components/project/create-project-modal.tsx
+++ b/apps/app/components/project/create-project-modal.tsx
@@ -95,7 +95,6 @@ export const CreateProjectModal: React.FC<Props> = ({ isOpen, setIsOpen, user })
     setValue,
   } = useForm<IProject>({
     defaultValues,
-    mode: "all",
     reValidateMode: "onChange",
   });
 
@@ -298,8 +297,8 @@ export const CreateProjectModal: React.FC<Props> = ({ isOpen, setIsOpen, user })
                               message: "Identifier must at least be of 1 character",
                             },
                             maxLength: {
-                              value: 5,
-                              message: "Identifier must at most be of 5 characters",
+                              value: 12,
+                              message: "Identifier must at most be of 12 characters",
                             },
                           }}
                         />
diff --git a/apps/app/components/ui/dropdowns/custom-menu.tsx b/apps/app/components/ui/dropdowns/custom-menu.tsx
index 280bd6794fe..c451d443254 100644
--- a/apps/app/components/ui/dropdowns/custom-menu.tsx
+++ b/apps/app/components/ui/dropdowns/custom-menu.tsx
@@ -40,7 +40,7 @@ const CustomMenu = ({
     {({ open }) => (
       <>
         {customButton ? (
-          <Menu.Button as="button" onClick={menuButtonOnClick}>
+          <Menu.Button as="button" type="button" onClick={menuButtonOnClick}>
             {customButton}
           </Menu.Button>
         ) : (
diff --git a/apps/app/components/ui/dropdowns/custom-search-select.tsx b/apps/app/components/ui/dropdowns/custom-search-select.tsx
index 518bc5ab852..22f66626edd 100644
--- a/apps/app/components/ui/dropdowns/custom-search-select.tsx
+++ b/apps/app/components/ui/dropdowns/custom-search-select.tsx
@@ -73,6 +73,7 @@ export const CustomSearchSelect = ({
             <Combobox.Button as="div">{customButton}</Combobox.Button>
           ) : (
             <Combobox.Button
+              type="button"
               className={`flex items-center justify-between gap-1 w-full rounded-md shadow-sm border border-custom-border-300 duration-300 focus:outline-none ${
                 input ? "px-3 py-2 text-sm" : "px-2.5 py-1 text-xs"
               } ${
diff --git a/apps/app/components/ui/dropdowns/custom-select.tsx b/apps/app/components/ui/dropdowns/custom-select.tsx
index f290201279e..4e495a21062 100644
--- a/apps/app/components/ui/dropdowns/custom-select.tsx
+++ b/apps/app/components/ui/dropdowns/custom-select.tsx
@@ -44,6 +44,7 @@ const CustomSelect = ({
         <Listbox.Button as="div">{customButton}</Listbox.Button>
       ) : (
         <Listbox.Button
+          type="button"
           className={`flex items-center justify-between gap-1 w-full rounded-md border border-custom-border-300 shadow-sm duration-300 focus:outline-none ${
             input ? "px-3 py-2 text-sm" : "px-2.5 py-1 text-xs"
           } ${