import { useEffect } from "react";
import Head from "next/head";
import { useRouter } from "next/router";
const queryString = require("query-string");
import AuthorizeIntegration from "./api/integrations/authorizeIntegration";

export default function Netlify() {
  const router = useRouter();
  const parsedUrl = queryString.parse(router.asPath.split("?")[1]);
  const code = parsedUrl.code;
  const state = parsedUrl.state;
  // modify comment here
  
  /**
   * Here we forward to the default workspace if a user opens this url
   */
  // eslint-disable-next-line react-hooks/exhaustive-deps
  useEffect(async () => {
    try {
      if (state === localStorage.getItem('latestCSRFToken')) {
        localStorage.removeItem('latestCSRFToken');
        
        await AuthorizeIntegration({
          workspaceId: localStorage.getItem('projectData.id'),
          code,
          integration: "netlify"
        });
        
        router.push("/integrations/" + localStorage.getItem("projectData.id"));
      }
    } catch (err) {
      console.error('Netlify integration error: ', err);
    }
    
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, []);

  return <div></div>;
}

Netlify.requireAuth = true;