diff --git a/frontend/src/components/signup/UserInfoStep.tsx b/frontend/src/components/signup/UserInfoStep.tsx index 7af9ccc8f..994ad5a72 100644 --- a/frontend/src/components/signup/UserInfoStep.tsx +++ b/frontend/src/components/signup/UserInfoStep.tsx @@ -245,6 +245,7 @@ export default function UserInfoStep({ placeholder="Infisical" onChange={(e) => setOrganizationName(e.target.value)} value={organizationName} + maxLength={64} isRequired className="h-12" /> diff --git a/frontend/src/layouts/AppLayout/AppLayout.tsx b/frontend/src/layouts/AppLayout/AppLayout.tsx index bf1a29da3..b8c363477 100644 --- a/frontend/src/layouts/AppLayout/AppLayout.tsx +++ b/frontend/src/layouts/AppLayout/AppLayout.tsx @@ -99,7 +99,7 @@ const supportOptions = [ ]; const formSchema = yup.object({ - name: yup.string().required().label("Project Name").trim(), + name: yup.string().required().label("Project Name").trim().max(64, "Too long, Maximum length is 64 characters"), addMembers: yup.bool().required().label("Add Members") }); diff --git a/frontend/src/pages/org/[id]/overview/index.tsx b/frontend/src/pages/org/[id]/overview/index.tsx index d13ae580a..24ca7969c 100644 --- a/frontend/src/pages/org/[id]/overview/index.tsx +++ b/frontend/src/pages/org/[id]/overview/index.tsx @@ -453,7 +453,7 @@ const LearningItemSquare = ({ }; const formSchema = yup.object({ - name: yup.string().required().label("Project Name").trim(), + name: yup.string().required().label("Project Name").trim().max(64, "Too long, Maximum length is 64 characters"), addMembers: yup.bool().required().label("Add Members") }); diff --git a/frontend/src/views/Settings/OrgSettingsPage/components/OrgNameChangeSection/OrgNameChangeSection.tsx b/frontend/src/views/Settings/OrgSettingsPage/components/OrgNameChangeSection/OrgNameChangeSection.tsx index 66b45e116..e5172c95d 100644 --- a/frontend/src/views/Settings/OrgSettingsPage/components/OrgNameChangeSection/OrgNameChangeSection.tsx +++ b/frontend/src/views/Settings/OrgSettingsPage/components/OrgNameChangeSection/OrgNameChangeSection.tsx @@ -10,7 +10,11 @@ import { OrgPermissionActions, OrgPermissionSubjects, useOrganization } from "@a import { useUpdateOrg } from "@app/hooks/api"; const formSchema = yup.object({ - name: yup.string().required().label("Project Name") + name: yup + .string() + .required() + .label("Organization Name") + .max(64, "Too long, Maximum length is 64 characters") }); type FormData = yup.InferType; diff --git a/frontend/src/views/Settings/ProjectSettingsPage/components/ProjectNameChangeSection/ProjectNameChangeSection.tsx b/frontend/src/views/Settings/ProjectSettingsPage/components/ProjectNameChangeSection/ProjectNameChangeSection.tsx index 719129ebf..a0a672468 100644 --- a/frontend/src/views/Settings/ProjectSettingsPage/components/ProjectNameChangeSection/ProjectNameChangeSection.tsx +++ b/frontend/src/views/Settings/ProjectSettingsPage/components/ProjectNameChangeSection/ProjectNameChangeSection.tsx @@ -13,7 +13,7 @@ import { useToggle } from "@app/hooks"; import { useRenameWorkspace } from "@app/hooks/api"; const formSchema = yup.object({ - name: yup.string().required().label("Project Name") + name: yup.string().required().label("Project Name").max(64, "Too long, Maximum length is 64 characters"), }); type FormData = yup.InferType; diff --git a/frontend/src/views/Signup/components/UserInfoSSOStep/UserInfoSSOStep.tsx b/frontend/src/views/Signup/components/UserInfoSSOStep/UserInfoSSOStep.tsx index 81828a897..c30c2e852 100644 --- a/frontend/src/views/Signup/components/UserInfoSSOStep/UserInfoSSOStep.tsx +++ b/frontend/src/views/Signup/components/UserInfoSSOStep/UserInfoSSOStep.tsx @@ -244,6 +244,7 @@ export const UserInfoSSOStep = ({ onChange={(e) => setOrganizationName(e.target.value)} isRequired className="h-12" + maxLength={64} disabled /> {organizationNameError && (