fix: disable save button when workspace name is empty

apps/dashboard/app/(app)/settings/general/update-workspace-name.tsx

@@ -13,9 +13,17 @@ import { useForm } from "react-hook-form";
 import { z } from "zod";
 
 export const dynamic = "force-dynamic";
+
+const validCharactersRegex = /^[a-zA-Z0-9-_]+$/;
+
 const formSchema = z.object({
   workspaceId: z.string(),
-  name: z.string(),
+  name: z
+    .string()
+    .min(3)
+    .regex(validCharactersRegex, {
+      message: "Workspace can only contain letters, numbers, dashes, and underscores",
+    })
 });
 
 type Props = {
@@ -53,7 +61,7 @@ export const UpdateWorkspaceName: React.FC<Props> = ({ workspace }) => {
   async function onSubmit(values: z.infer<typeof formSchema>) {
     await updateName.mutateAsync(values);
   }
-
+  const isDisabled = form.formState.isLoading || !form.formState.isValid || updateName.isLoading;
   return (
     <Form {...form}>
       <form onSubmit={form.handleSubmit(onSubmit)}>
@@ -84,7 +92,7 @@ export const UpdateWorkspaceName: React.FC<Props> = ({ workspace }) => {
             <Button
               variant={updateName.isLoading ? "disabled" : "primary"}
               type="submit"
-              disabled={updateName.isLoading}
+              disabled={isDisabled}
             >
               {updateName.isLoading ? <Loading /> : "Save"}
             </Button>