Function ProfileSettingsForm

@app/client/src/pages/settings/index.tsx:60–168

({
  user,
  error,
  setError,
}: ProfileSettingsFormProps)

}

function ProfileSettingsForm({
  user,
  error,
  setError,
}: ProfileSettingsFormProps) {
  const [form] = useForm();
  const [updateUser] = useUpdateUserMutation();
  const [success, setSuccess] = useState(false);

  const handleSubmit = useCallback(
    async (values: Store) => {
      setSuccess(false);
      setError(null);
      try {
        await updateUser({
          variables: {
            id: user.id,
            patch: {
              username: values.username,
              name: values.name,
            },
          },
        });
        setError(null);
        setSuccess(true);
      } catch (e) {
        const errcode = getCodeFromError(e);
        if (errcode === "23505") {
          form.setFields([
            {
              name: "username",
              value: form.getFieldValue("username"),
              errors: [
                "This username is already in use, please pick a different name",
              ],
            },
          ]);
        } else {
          setError(e);
        }
      }
    },
    [setError, updateUser, user.id, form]
  );

  const code = getCodeFromError(error);
  return (
    <div>
      <PageHeader title="Edit profile" />
      <Form
        {...formItemLayout}
        form={form}
        onFinish={handleSubmit}
        initialValues={{ name: user.name, username: user.username }}
      >
        <Form.Item
          label="Name"
          name="name"