From d1c8f4ac264c144769e377872c7e1adb097aa968 Mon Sep 17 00:00:00 2001
From: Sachin Chaurasiya <sachinchaurasiyachotey87@gmail.com>
Date: Thu, 19 Aug 2021 17:42:23 +0530
Subject: [PATCH] adding number of users and asset count on teams page (#230)

* adding number of users and assest count on teams page

* minor chnage

* minor changes
---
 .../src/main/resources/ui/src/pages/teams/index.tsx | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/catalog-rest-service/src/main/resources/ui/src/pages/teams/index.tsx b/catalog-rest-service/src/main/resources/ui/src/pages/teams/index.tsx
index 8afe6d73b69..14cb7175a58 100644
--- a/catalog-rest-service/src/main/resources/ui/src/pages/teams/index.tsx
+++ b/catalog-rest-service/src/main/resources/ui/src/pages/teams/index.tsx
@@ -37,6 +37,7 @@ import Loader from '../../components/Loader/Loader';
 import FormModal from '../../components/Modals/FormModal';
 import { ModalWithMarkdownEditor } from '../../components/Modals/ModalWithMarkdownEditor/ModalWithMarkdownEditor';
 import { ERROR404 } from '../../constants/constants';
+import { countBackground } from '../../utils/styleconstant';
 import SVGIcons from '../../utils/SvgUtils';
 import AddUsersModal from './AddUsersModal';
 import Form from './Form';
@@ -142,6 +143,16 @@ const TeamsPage = () => {
     return tab === currentTab ? 'active' : '';
   };
 
+  const getCount = (count = 0) => {
+    return (
+      <span
+        className=" tw-py-0.5 tw-px-1 tw-ml-1 tw-border tw-rounded tw-text-xs"
+        style={{ background: countBackground }}>
+        <span data-testid="filter-count">{count}</span>
+      </span>
+    );
+  };
+
   const getTabs = () => {
     return (
       <div className="tw-mb-3 ">
@@ -152,6 +163,7 @@ const TeamsPage = () => {
               setCurrentTab(1);
             }}>
             Users
+            {getCount(currentTeam?.users.length)}
           </button>
           <button
             className={`tw-pb-2 tw-px-4 tw-gh-tabs ${getActiveTabClass(2)}`}
@@ -159,6 +171,7 @@ const TeamsPage = () => {
               setCurrentTab(2);
             }}>
             Assets
+            {getCount(currentTeam?.owns.length)}
           </button>
         </nav>
       </div>