Preliminary Vercel integration

frontend/pages/vercel.js

@@ -7,17 +7,40 @@ import AuthorizeIntegration from "./api/integrations/authorizeIntegration";
 export default function Vercel() {
   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 () => {
-    console.log('parsedUrl, xxx', parsedUrl);
+    console.log('parsedUrl for vercel ', parsedUrl);
+    if (state === localStorage.getItem('latestCSRFToken')) {
+      localStorage.removeItem('latestCSRFToken');
+      
+      console.log('integ');
+      console.log('code', code);
+      console.log('state', state);
+      
+      await AuthorizeIntegration({
+        workspaceId: localStorage.getItem('projectData.id'),
+        code,
+        integration: "vercel"
+      });
+      
+      router.push("/integrations/" + localStorage.getItem("projectData.id"));
+    }
+    // parsedUrl.code
+    // parsedUrl.configurationId
+    // parsedUrl.next
+    // parsedUrl.state
     try {
-    
+  
     } catch (err) {
-        
+      console.error('Vercel integration error: ', err);
     }
     
     // eslint-disable-next-line react-hooks/exhaustive-deps