Begin Netlify integration

frontend/pages/integrations/[id].js

@@ -125,9 +125,11 @@ export default function Integrations() {
         window.location = `https://id.heroku.com/oauth/authorize?client_id=${integrationOption.clientId}&response_type=code&scope=write-protected&state=${csrfToken}`;
         break;
       case 'Vercel':
-        console.log('Vercel integration ', integrationOption);
         window.location = `https://vercel.com/integrations/infisical/new?state=${csrfToken}`;
         break;
+      case 'Netlify':
+        console.log('netlifyyy');
+        break;
     }
   }
   

frontend/pages/netlify.js

@@ -0,0 +1,43 @@
+import React, { 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]);
+  // 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 () => {
+    if (state === localStorage.getItem('latestCSRFToken')) {
+      localStorage.removeItem('latestCSRFToken');
+        
+      console.log('Netlify', parsedUrl);
+      
+    //   await AuthorizeIntegration({
+    //     workspaceId: localStorage.getItem('projectData.id'),
+    //     code,
+    //     integration: "vercel"
+    //   });
+      
+    //   router.push("/integrations/" + localStorage.getItem("projectData.id"));
+    }
+
+    try {
+  
+    } catch (err) {
+      console.error('Netlify integration error: ', err);
+    }
+    
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  return <div></div>;
+}
+
+Netlify.requireAuth = true;

frontend/pages/vercel.js

@@ -10,21 +10,14 @@ export default function Vercel() {
   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 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,
@@ -33,10 +26,7 @@ export default function Vercel() {
       
       router.push("/integrations/" + localStorage.getItem("projectData.id"));
     }
-    // parsedUrl.code
-    // parsedUrl.configurationId
-    // parsedUrl.next
-    // parsedUrl.state
+
     try {
   
     } catch (err) {

frontend/public/json/cloudIntegrations.json

@@ -9,18 +9,18 @@
     },
     {
         "name": "Vercel",
-        "slug": "netlify",
-        "image": "Netlify",
+        "slug": "vercel",
+        "image": "Vercel",
         "isAvailable": true,
         "type": "vercel",
         "clientId": ""
     },
     {
-        "name": "Digital Ocean",
-        "slug": "digital-ocean",
-        "image": "Digital Ocean",
-        "isAvailable": false,
-        "type": "",
+        "name": "Netlify",
+        "slug": "netlify",
+        "image": "Netlify",
+        "isAvailable": true,
+        "type": "oauth2",
         "clientId": ""
     },
     {