From fefe02c2df2712d72676983f45a438ad267a7991 Mon Sep 17 00:00:00 2001
From: Bruno Quaresma <bruno@coder.com>
Date: Thu, 16 Nov 2023 18:16:24 -0300
Subject: [PATCH] fix(site): fix group name validation (#10739)

---
 site/src/pages/GroupsPage/CreateGroupPageView.tsx | 12 ++----------
 1 file changed, 2 insertions(+), 10 deletions(-)

diff --git a/site/src/pages/GroupsPage/CreateGroupPageView.tsx b/site/src/pages/GroupsPage/CreateGroupPageView.tsx
index 20e6d5c813..2459e27035 100644
--- a/site/src/pages/GroupsPage/CreateGroupPageView.tsx
+++ b/site/src/pages/GroupsPage/CreateGroupPageView.tsx
@@ -7,15 +7,11 @@ import { Stack } from "components/Stack/Stack";
 import { useFormik } from "formik";
 import { FC } from "react";
 import { useNavigate } from "react-router-dom";
-import {
-  getFormHelpers,
-  nameValidator,
-  onChangeTrimmed,
-} from "utils/formUtils";
+import { getFormHelpers, onChangeTrimmed } from "utils/formUtils";
 import * as Yup from "yup";
 
 const validationSchema = Yup.object({
-  name: nameValidator("Name"),
+  name: Yup.string().required().label("Name"),
 });
 
 export type CreateGroupPageViewProps = {
@@ -50,8 +46,6 @@ export const CreateGroupPageView: FC<CreateGroupPageViewProps> = ({
           <Stack spacing={2.5}>
             <TextField
               {...getFieldHelpers("name")}
-              onChange={onChangeTrimmed(form)}
-              autoComplete="name"
               autoFocus
               fullWidth
               label="Name"
@@ -61,8 +55,6 @@ export const CreateGroupPageView: FC<CreateGroupPageViewProps> = ({
                 "display_name",
                 "Optional: keep empty to default to the name.",
               )}
-              autoComplete="display_name"
-              autoFocus
               fullWidth
               label="Display Name"
             />