fixes

Author: lucasgoral

src/components/ControlPlanes/List/ControlPlaneListToolbar.tsx

@@ -14,7 +14,7 @@ export function ControlPlaneListToolbar({ projectName }: { projectName: string }
       <Toolbar>
         <ToolbarButton icon="add" text={t('ControlPlaneListToolbar.buttonText')} onClick={() => setDialogIsOpen(true)} />
       </Toolbar>
-      <CreateWorkspaceDialogContainer isOpen={dialogCreateProjectIsOpen} setIsOpen={setDialogIsOpen} project={projectName} type={'workspace'}/>
+      <CreateWorkspaceDialogContainer isOpen={dialogCreateProjectIsOpen} setIsOpen={setDialogIsOpen} project={projectName}/>
     </>
   )
 

src/components/Dialogs/CreateProjectWorkspaceDialog.tsx

@@ -115,7 +115,7 @@ function CreateProjectWorkspaceDialogContent({
           <Input id="name"
                  {...register('name')}
                  valueState={errors.name ? "Negative" : "None"}
-                 valueStateMessage={<span>Use A-Z, a-z, 0-9, hyphen (-), and period (.), but note that whitespace (spaces, tabs, etc.) is not allowed for proper compatibility.</span>}
+                 valueStateMessage={<span>{errors.name?.message}</span>}
                  required></Input>
 
         </FormItem>

src/lib/api/validations/schemas.ts

@@ -8,7 +8,7 @@ export const MemberSchema = z.object({
 });
 
 export const validationSchemaProjectWorkspace = z.object({
-  name: z.string().min(1, "Name is required").regex(/^(?!-)[a-zA-Z0-9-]{1,63}(?<!-)(?:\.(?!-)[a-zA-Z0-9-]{1,63}(?<!-))*$/, 'Invalid'),
+  name: z.string().min(1, "This field is required").regex(/^(?!-)[a-zA-Z0-9-]{1,63}(?<!-)(?:\.(?!-)[a-zA-Z0-9-]{1,63}(?<!-))*$/, 'Use A-Z, a-z, 0-9, hyphen (-), and period (.), but note that whitespace (spaces, tabs, etc.) is not allowed for proper compatibility.').max(25, 'Max length is 25 characters'),
   displayName: z.string().optional(),
   chargingTarget: z.string().optional(),
   members: z.array(MemberSchema).nonempty()