fix: workspace url error message (#809)

makeplane · Apr 13, 2023 · dc9ce51 · dc9ce51 · vercel · Apr 13, 2023
1 parent 3457411
commit dc9ce51
Showing 1 changed file with 10 additions and 0 deletions.
diff --git a/apps/app/components/workspace/create-workspace-form.tsx b/apps/app/components/workspace/create-workspace-form.tsx
@@ -42,6 +42,7 @@ export const CreateWorkspaceForm: React.FC<Props> = ({
   setDefaultValues,
 }) => {
   const [slugError, setSlugError] = useState(false);
+  const [invalidSlug, setInvalidSlug] = useState(false);
 
   const { setToastAlert } = useToast();
 
@@ -130,11 +131,20 @@ export const CreateWorkspaceForm: React.FC<Props> = ({
                   name="slug"
                   register={register}
                   className="block w-full rounded-md bg-transparent py-2 px-0 text-sm"
+                  validations={{
+                    required: "Workspace URL is required",
+                  }}
+                  onChange={(e) =>
+                    /^[a-zA-Z0-9_-]+$/.test(e.target.value) ? setInvalidSlug(false) : setInvalidSlug(true)
+                  }
                 />
               </div>
               {slugError && (
                 <span className="-mt-3 text-sm text-red-500">Workspace URL is already taken!</span>
               )}
+              {invalidSlug && (
+                <span className="text-sm text-red-500">{`URL can only contain ( - ), ( _ ) & Alphanumeric characters.`}</span>
+              )}
             </div>
           </div>