From 70e416f263d6e787fddba979f0d823dedfcab7c6 Mon Sep 17 00:00:00 2001
From: RachelElysia <71795832+RachelElysia@users.noreply.github.com>
Date: Mon, 7 Jun 2021 19:17:16 -0400
Subject: [PATCH] No teams tab for Core Tier (#1001)

* Teams tab renders for basic tier only
---
 .../admin/SettingsWrapper/SettingsWrapper.tsx | 24 +++++++++++++++----
 1 file changed, 19 insertions(+), 5 deletions(-)

diff --git a/frontend/pages/admin/SettingsWrapper/SettingsWrapper.tsx b/frontend/pages/admin/SettingsWrapper/SettingsWrapper.tsx
index 62f1f8c302..86823a564e 100644
--- a/frontend/pages/admin/SettingsWrapper/SettingsWrapper.tsx
+++ b/frontend/pages/admin/SettingsWrapper/SettingsWrapper.tsx
@@ -1,7 +1,9 @@
 import React from "react";
 import { Tab, Tabs, TabList } from "react-tabs";
 import { push } from "react-router-redux";
-import { useDispatch } from "react-redux";
+import { useDispatch, useSelector } from "react-redux";
+import { IConfig } from "interfaces/config";
+import permissionUtils from "utilities/permissions";
 
 import PATHS from "router/paths";
 
@@ -10,6 +12,12 @@ interface ISettingSubNavItem {
   pathname: string;
 }
 
+interface IRootState {
+  app: {
+    config: IConfig;
+  };
+}
+
 const settingsSubNav: ISettingSubNavItem[] = [
   {
     name: "Organization settings",
@@ -19,10 +27,6 @@ const settingsSubNav: ISettingSubNavItem[] = [
     name: "Users",
     pathname: PATHS.ADMIN_USERS,
   },
-  {
-    name: "Teams",
-    pathname: PATHS.ADMIN_TEAMS,
-  },
 ];
 
 interface ISettingsWrapperProp {
@@ -45,6 +49,16 @@ const SettingsWrapper = (props: ISettingsWrapperProp): JSX.Element => {
     children,
     location: { pathname },
   } = props;
+
+  // Add Teams tab for basic tier only
+  const config = useSelector((state: IRootState) => state.app.config);
+  if (permissionUtils.isBasicTier(config)) {
+    settingsSubNav.push({
+      name: "Teams",
+      pathname: PATHS.ADMIN_TEAMS,
+    });
+  }
+
   const dispatch = useDispatch();
 
   const navigateToNav = (i: number): void => {