From cd6ab4118e4490fbf793d49469d1aa13bd00afe7 Mon Sep 17 00:00:00 2001
From: dan13ram <dan13ram@gmail.com>
Date: Wed, 7 Jul 2021 20:41:48 +0530
Subject: [PATCH] fixed ui bug with count display

---
 packages/web/components/Player/PlayerFilter.tsx | 4 +++-
 packages/web/pages/players.tsx                  | 1 +
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/web/components/Player/PlayerFilter.tsx b/packages/web/components/Player/PlayerFilter.tsx
index 07fa0cca..4ae0cf0c 100644
--- a/packages/web/components/Player/PlayerFilter.tsx
+++ b/packages/web/components/Player/PlayerFilter.tsx
@@ -88,6 +88,7 @@ const styles: typeof selectStyles = {
 
 type Props = {
   fetching: boolean;
+  fetchingMore: boolean;
   aggregates: PlayerAggregates;
   queryVariables: GetPlayersQueryVariables;
   setQueryVariable: QueryVariableSetter;
@@ -97,6 +98,7 @@ type Props = {
 
 export const PlayerFilter: React.FC<Props> = ({
   fetching,
+  fetchingMore,
   aggregates,
   queryVariables,
   setQueryVariable,
@@ -376,7 +378,7 @@ export const PlayerFilter: React.FC<Props> = ({
           </Button>
         </Flex>
       )}
-      {!fetching && (
+      {(fetchingMore ? totalCount > 0 : !fetching) && (
         <Flex justify="space-between" w="100%" maxW="80rem" px="4">
           <Text fontWeight="bold" fontSize="xl" w="100%" maxW="79rem">
             {`${totalCount} player${totalCount === 1 ? '' : 's'}`}
diff --git a/packages/web/pages/players.tsx b/packages/web/pages/players.tsx
index 228a0eb4..48215069 100644
--- a/packages/web/pages/players.tsx
+++ b/packages/web/pages/players.tsx
@@ -74,6 +74,7 @@ const Players: React.FC<Props> = () => {
       <VStack w="100%" spacing="8" pb={{ base: '16', lg: '0' }}>
         <PlayerFilter
           fetching={fetching}
+          fetchingMore={fetchingMore}
           aggregates={aggregates}
           queryVariables={queryVariables}
           setQueryVariable={setQueryVariable}