Fixed teams settings.

src/app/(main)/settings/teams/[teamId]/team/TeamEditForm.tsx

@@ -1,81 +0,0 @@
-import {
-  SubmitButton,
-  Form,
-  FormInput,
-  FormRow,
-  FormButtons,
-  TextField,
-  Button,
-  Flexbox,
-  useToasts,
-} from 'react-basics';
-import { getRandomChars } from 'next-basics';
-import { useContext, useRef, useState } from 'react';
-import { useApi, useMessages } from 'components/hooks';
-import { TeamContext } from 'app/(main)/teams/[teamId]/TeamProvider';
-
-const generateId = () => getRandomChars(16);
-
-export function TeamEditForm({ teamId, allowEdit }: { teamId: string; allowEdit?: boolean }) {
-  const team = useContext(TeamContext);
-  const { formatMessage, labels, messages } = useMessages();
-  const { post, useMutation } = useApi();
-  const { mutate, error } = useMutation({
-    mutationFn: (data: any) => post(`/teams/${teamId}`, data),
-  });
-  const ref = useRef(null);
-  const [accessCode, setAccessCode] = useState(team.accessCode);
-  const { showToast } = useToasts();
-  const cloudMode = !!process.env.cloudMode;
-
-  const handleSubmit = async (data: any) => {
-    mutate(data, {
-      onSuccess: async () => {
-        ref.current.reset(data);
-        showToast({ message: formatMessage(messages.saved), variant: 'success' });
-      },
-    });
-  };
-
-  const handleRegenerate = () => {
-    const code = generateId();
-    ref.current.setValue('accessCode', code, {
-      shouldValidate: true,
-      shouldDirty: true,
-    });
-    setAccessCode(code);
-  };
-
-  return (
-    <Form ref={ref} onSubmit={handleSubmit} error={error} values={team}>
-      <FormRow label={formatMessage(labels.teamId)}>
-        <TextField value={teamId} readOnly allowCopy />
-      </FormRow>
-      <FormRow label={formatMessage(labels.name)}>
-        {allowEdit && (
-          <FormInput name="name" rules={{ required: formatMessage(labels.required) }}>
-            <TextField />
-          </FormInput>
-        )}
-        {!allowEdit && team.name}
-      </FormRow>
-      {!cloudMode && allowEdit && (
-        <FormRow label={formatMessage(labels.accessCode)}>
-          <Flexbox gap={10}>
-            <TextField value={accessCode} readOnly allowCopy />
-            {allowEdit && (
-              <Button onClick={handleRegenerate}>{formatMessage(labels.regenerate)}</Button>
-            )}
-          </Flexbox>
-        </FormRow>
-      )}
-      {allowEdit && (
-        <FormButtons>
-          <SubmitButton variant="primary">{formatMessage(labels.save)}</SubmitButton>
-        </FormButtons>
-      )}
-    </Form>
-  );
-}
-
-export default TeamEditForm;