Boards components.

src/app/(main)/boards/BoardAddForm.tsx

@@ -1,6 +1,5 @@
 import { Button, Form, FormField, FormSubmitButton, Row, TextField } from '@umami/react-zen';
 import { useMessages, useUpdateQuery } from '@/components/hooks';
-import { DOMAIN_REGEX } from '@/lib/constants';
 
 export function BoardAddForm({
   teamId,
@@ -11,39 +10,38 @@ export function BoardAddForm({
   onSave?: () => void;
   onClose?: () => void;
 }) {
-  const { formatMessage, labels, messages } = useMessages();
-  const { mutateAsync, error, isPending } = useUpdateQuery('/websites', { teamId });
+  const { formatMessage, labels } = useMessages();
+  const { mutateAsync, error, isPending } = useUpdateQuery('/boards', { teamId });
 
   const handleSubmit = async (data: any) => {
-    await mutateAsync(data, {
-      onSuccess: async () => {
-        onSave?.();
-        onClose?.();
+    await mutateAsync(
+      { type: 'board', ...data },
+      {
+        onSuccess: async () => {
+          onSave?.();
+          onClose?.();
+        },
       },
-    });
+    );
   };
 
   return (
     <Form onSubmit={handleSubmit} error={error?.message}>
       <FormField
         label={formatMessage(labels.name)}
-        data-test="input-name"
         name="name"
         rules={{ required: formatMessage(labels.required) }}
       >
         <TextField autoComplete="off" />
       </FormField>
-
       <FormField
-        label={formatMessage(labels.domain)}
-        data-test="input-domain"
-        name="domain"
+        label={formatMessage(labels.description)}
+        name="description"
         rules={{
           required: formatMessage(labels.required),
-          pattern: { value: DOMAIN_REGEX, message: formatMessage(messages.invalidDomain) },
         }}
       >
-        <TextField autoComplete="off" />
+        <TextField asTextArea autoComplete="off" />
       </FormField>
       <Row justifyContent="flex-end" paddingTop="3" gap="3">
         {onClose && (