Fix lint issues

frontend/components/basic/Listbox.tsx

@@ -11,7 +11,7 @@ import { Listbox, Transition } from "@headlessui/react";
 interface ListBoxProps {
   selected: string;
   onChange: (arg: string) => void;
-  data: string[];
+  data: string[] | null;
   text?: string;
   buttonAction?: () => void;
   isFull?: boolean;

frontend/components/integrations/Integration.tsx

@@ -14,9 +14,11 @@ import deleteIntegration from "../../pages/api/integrations/DeleteIntegration"
 import getIntegrationApps from "../../pages/api/integrations/GetIntegrationApps";
 import updateIntegration from "../../pages/api/integrations/updateIntegration"
 import {
+  contextNetlifyMapping,
   envMapping,
   reverseContextNetlifyMapping,
-  reverseEnvMapping} from "../../public/data/frequentConstants";
+  reverseEnvMapping,
+} from "../../public/data/frequentConstants";
 
 interface Integration {
     _id: string;
@@ -25,6 +27,7 @@ interface Integration {
     integration: string;
     integrationAuth: string;
     isActive: boolean;
+    context: string;
 }
 
 interface IntegrationApp {
@@ -69,7 +72,7 @@ const Integration = ({
             setIntegrationTarget("Development");
             break;
           case "netlify":
-            setIntegrationContext("All");
+            setIntegrationContext(integration?.context ? contextNetlifyMapping[integration.context] : "Local development");
             break;
           default:
             break;
@@ -93,7 +96,7 @@ const Integration = ({
                     "Production",
                     "Preview",
                     "Development"
-                  ] : []}
+                  ] : null}
                   selected={"Production"}
                   onChange={setIntegrationTarget}
                 />
@@ -107,12 +110,11 @@ const Integration = ({
                 </div>
                 <ListBox
                   data={!integration.isActive ? [
-                    "All",
                     "Production",
                     "Deploy previews",
                     "Branch deploys",
                     "Local development"
-                  ] : []}
+                  ] : null}
                   selected={integrationContext}
                   onChange={setIntegrationContext}
                 />
@@ -138,7 +140,7 @@ const Integration = ({
                   "Staging",
                   "Testing",
                   "Production",
-                ] : []}
+                ] : null}
               selected={integrationEnvironment}
               onChange={(environment) => {
                 setIntegrationEnvironment(environment);
@@ -166,7 +168,7 @@ const Integration = ({
               APP
             </div>
             <ListBox
-              data={!integration.isActive ? apps.map((app) => app.name) : []}
+              data={!integration.isActive ? apps.map((app) => app.name) : null}
               selected={integrationApp}
               onChange={(app) => {
                 setIntegrationApp(app);
@@ -190,7 +192,8 @@ const Integration = ({
                 onButtonPressed={async () => {
                   
                   const siteApp = apps.find((app) => app.name === integrationApp); // obj or undefined
-                  const siteId = siteApp ? siteApp.siteId : null;
+                  const siteId = siteApp?.siteId ? siteApp.siteId : null;
+                  
                   const result = await updateIntegration({
                     integrationId: integration._id,
                     environment: envMapping[integrationEnvironment],
@@ -200,6 +203,7 @@ const Integration = ({
                     context: integrationContext ? reverseContextNetlifyMapping[integrationContext] : null,
                     siteId
                   });
+                  
                   router.reload();
                 }}
                 color="mineshaft"

frontend/pages/integrations/[id].js

@@ -41,7 +41,7 @@ export default function Integrations() {
       setCloudIntegrationOptions(
         await getIntegrationOptions()
       );
-
+      
       // get project integration authorizations
       setIntegrationAuths(
         await getWorkspaceAuthorizations({
@@ -134,7 +134,7 @@ export default function Integrations() {
           window.location = `https://id.heroku.com/oauth/authorize?client_id=${integrationOption.clientId}&response_type=code&scope=write-protected&state=${state}`;
           break;
         case 'Vercel':
-          window.location = `https://vercel.com/integrations/infisical-dev/new?state=${state}`;
+          window.location = `https://vercel.com/integrations/${integrationOption.clientSlug}/new?state=${state}`;
           break;
         case 'Netlify':
           window.location = `https://app.netlify.com/authorize?client_id=${integrationOption.clientId}&response_type=code&state=${state}&redirect_uri=${window.location.origin}/netlify`;

frontend/public/data/frequentConstants.ts

@@ -16,8 +16,14 @@ const reverseEnvMapping: Mapping = {
   test: "Testing",
 };
 
+const contextNetlifyMapping: Mapping = {
+  "dev": "Local development",
+  "branch-deploy": "Branch deploys",
+  "deploy-review": "Deploy Previews",
+  "production": "Production"
+}
+
 const reverseContextNetlifyMapping: Mapping = {
-  "All": "all",
   "Local development": "dev",
   "Branch deploys": "branch-deploy",
   "Deploy Previews": "deploy-preview",
@@ -25,6 +31,7 @@ const reverseContextNetlifyMapping: Mapping = {
 }
 
 export {
+  contextNetlifyMapping,
   envMapping,
   reverseContextNetlifyMapping,
-  reverseEnvMapping};
+  reverseEnvMapping}