From 1f7542977531565e946e151fcbd917ba951d7596 Mon Sep 17 00:00:00 2001
From: Tharun Rajendran <rajendrantharun@live.com>
Date: Wed, 9 Feb 2022 23:24:12 +0530
Subject: [PATCH] Fix host count on team details page (#4103)

---
 frontend/interfaces/team.ts                                  | 1 +
 .../TeamDetailsWrapper/TeamDetailsWrapper.tsx                | 5 +++--
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/frontend/interfaces/team.ts b/frontend/interfaces/team.ts
index 797d48a6ac..98f7fd64d1 100644
--- a/frontend/interfaces/team.ts
+++ b/frontend/interfaces/team.ts
@@ -20,6 +20,7 @@ export interface ITeamSummary {
   id: number;
   name: string;
   description?: string;
+  host_count: number;
 }
 
 /**
diff --git a/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/TeamDetailsWrapper.tsx b/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/TeamDetailsWrapper.tsx
index bd25be7c38..d059ce2354 100644
--- a/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/TeamDetailsWrapper.tsx
+++ b/frontend/pages/admin/TeamManagementPage/TeamDetailsWrapper/TeamDetailsWrapper.tsx
@@ -350,8 +350,9 @@ const TeamDetailsWrapper = ({
     );
   }
 
-  const hostsCount = teams?.length || 1;
-  const hostsTotalDisplay = hostsCount === 1 ? "1 host" : `${hostsCount} hosts`;
+  const hostCount = currentTeam.host_count;
+  const hostsTotalDisplay =
+    hostCount >= 2 ? `${hostCount} hosts` : `${hostCount} host`;
   const userAdminTeams = userTeams.filter(
     (thisTeam) => thisTeam.role === "admin"
   );