Function addIntegration

frontend/web/components/IntegrationList.tsx:517–567

(
    integration: any,
    id: string,
    installationId: any = undefined,
    githubId: any = undefined,
  )

  }

  const addIntegration = (
    integration: any,
    id: string,
    installationId: any = undefined,
    githubId: any = undefined,
  ) => {
    const params = Utils.fromParam()
    API.trackEvent(Constants.events.VIEW_INTEGRATION(id))
    // On the org page, a project-level-only integration cannot be saved
    // against the organisation — the user must pick a project in the modal.
    const requiresProjectSelection =
      !!props.organisationId && !integration.organisation
    openModal(
      `${integration.title} Integration`,
      <CreateEditIntegration
        id={id}
        modal
        organisationId={
          requiresProjectSelection ? undefined : props.organisationId
        }
        integration={integration}
        data={
          params.environment
            ? {
                flagsmithEnvironment: params.environment,
              }
            : null
        }
        githubMeta={{ githubId: githubId, installationId: installationId }}
        projectId={props.projectId}
        requiresProjectSelection={requiresProjectSelection}
        onComplete={(result) => {
          if (requiresProjectSelection && result?.projectId) {
            setLastSavedByIntegration((prev) => ({
              ...prev,
              [id]: {
                isCreate: !!result.isCreate,
                projectId: result.projectId!,
              },
            }))
          }
          if (githubId) {
            fetchGithubIntegration()
          } else {
            fetch()
          }
        }}
      />,
      'side-modal',
    )
  }

  const editIntegration = (integration: any, id: string, data: any) => {
    openModal(