From a59699d207db2e749a90549f7478e42c25e9754d Mon Sep 17 00:00:00 2001
From: Sarah Gillespie <73313222+gillespi314@users.noreply.github.com>
Date: Wed, 13 Dec 2023 12:27:14 -0600
Subject: [PATCH] Add no team option to automatic enrollment modal (#15616)

---
 .../components/EditTeamModal/EditTeamModal.tsx   | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/frontend/pages/admin/IntegrationsPage/cards/AutomaticEnrollment/components/EditTeamModal/EditTeamModal.tsx b/frontend/pages/admin/IntegrationsPage/cards/AutomaticEnrollment/components/EditTeamModal/EditTeamModal.tsx
index cbf4750a03..96dcfb0dd9 100644
--- a/frontend/pages/admin/IntegrationsPage/cards/AutomaticEnrollment/components/EditTeamModal/EditTeamModal.tsx
+++ b/frontend/pages/admin/IntegrationsPage/cards/AutomaticEnrollment/components/EditTeamModal/EditTeamModal.tsx
@@ -1,7 +1,10 @@
 import React, { useState, useContext, FormEvent } from "react";
 
 import { AppContext } from "context/app";
-import { APP_CONTEXT_NO_TEAM_ID } from "interfaces/team";
+import {
+  APP_CONTEXT_NO_TEAM_ID,
+  APP_CONTEX_NO_TEAM_SUMMARY,
+} from "interfaces/team";
 import configAPI from "services/entities/config";
 
 // @ts-ignore
@@ -26,11 +29,16 @@ const EditTeamModal = ({
 
   const [selectedTeam, setSelectedTeam] = useState(defaultTeamName);
 
-  // TODO: Should this include "No team" as an option?
   const teamNameOptions = availableTeams
-    ?.filter((t) => t.id > APP_CONTEXT_NO_TEAM_ID)
+    ?.filter((t) => t.id >= APP_CONTEXT_NO_TEAM_ID)
     .map((teamSummary) => {
-      return { value: teamSummary.name, label: teamSummary.name };
+      return {
+        value:
+          teamSummary.name === APP_CONTEX_NO_TEAM_SUMMARY.name
+            ? ""
+            : teamSummary.name,
+        label: teamSummary.name,
+      };
     });
 
   const [isLoading, setIsLoading] = useState(false);