Login Typescript

login.ts

export interface AuthTokenResponse {
  token?: string;
  created?: boolean;
  user?: UserType;
  errors?: ValidationError[];
}

// tslint:disable:no-multiline-string

const LOGIN_MUTATION = gql`
  mutation($email: Email!, $password: String!) {
    authLogin(email: $email, password: $password) {
      ... on ValidationErrors {
        errors {
          field
          message
        }
      }
      ... on AuthToken {
        token
      }
    }
  }
`;

export type LoginResponse = ApolloQueryResult<{
  authLogin: AuthTokenResponse;
}>;

interface LoginInput {
  email: string;
  password: string;
}

export function useLoginUser(
  next: string,
  extra?: MutationHookOptions<AuthTokenResponse>,
): (input: LoginInput) => Promise<void> {
  const saveAuth = useSaveAuth();
  const addSnack = useAddSnack();
  const { history } = useReactRouter();

  type VErrors = Record<keyof LoginInput, string[]>;
  const [mutFunc] = useMutation<AuthTokenResponse>(LOGIN_MUTATION, extra);

  return async (input: LoginInput) => {
    const { data } = (await mutFunc({ variables: input })) as LoginResponse;

    const result = data.authLogin;
    if (result.errors && result.errors.length !== 0) {
      throw validationErrors<VErrors>(result.errors);
    } else if (!result.token) {
      addSnack("Something failed");
    } else {
      await saveAuth(result.token);

      history.push(next);
    }
  };
}