import React from 'react';
import Axios from 'axios';
import { useRouter } from 'next/router';

import SignUpForm from '../../components/Form/SignUpForm';

const groupToken = '666666';

const SignUpContainer = () => {
  const { push } = useRouter();
  const signUp = (values) => {
    Axios.post(`${process.env.API_STAGING}/user`, {
      ...values,
      country: process.env.CHALLENGE_COUNTRY,
      provider: process.env.CHALLENGE_PROVIDER,
    })
      .then(() => {
        Axios.post(`${process.env.API_STAGING}/groups/invitation/${groupToken}/join`, {
          userId: values.userId,
          country: process.env.CHALLENGE_COUNTRY,
          provider: process.env.CHALLENGE_PROVIDER,
        }).then((r) => console.log(r, 'qweqwewqw')).catch((e) => console.log('eee', e));
        push({ pathname: '/download-app', query: { userId: values.userId } });
      })
      .catch((error) => {
        console.log(error);
      });
  };
  return (
    <SignUpForm signUp={signUp} />
  );
};

export default SignUpContainer;