From 0f5d28c32a17a3572abadaa59990f2a2e5e017e2 Mon Sep 17 00:00:00 2001
From: Matthew Russell <mattrussell36@gmail.com>
Date: Tue, 9 Jan 2024 15:34:29 -0500
Subject: [PATCH] fix: incorrect member count

---
 apps/trading/client-pages/team/team.tsx | 123 ++++++++++++------------
 1 file changed, 62 insertions(+), 61 deletions(-)

diff --git a/apps/trading/client-pages/team/team.tsx b/apps/trading/client-pages/team/team.tsx
index a3b92db61..97ce7becf 100644
--- a/apps/trading/client-pages/team/team.tsx
+++ b/apps/trading/client-pages/team/team.tsx
@@ -107,7 +107,6 @@ export const TeamPage = ({
             />
           </StatList>
         </StatSection>
-
         {games && games.length ? (
           <StatSection>
             <FavoriteGame games={games} />
@@ -124,7 +123,9 @@ export const TeamPage = ({
               active={!showGames}
               onClick={() => setShowGames(false)}
             >
-              {t('Members ({{count}})', { count: games ? games.length : 0 })}
+              {t('Members ({{count}})', {
+                count: members ? members.length : 0,
+              })}
             </ToggleButton>
           </div>
           {showGames ? <Games games={games} /> : <Members members={members} />}
@@ -134,21 +135,6 @@ export const TeamPage = ({
   );
 };
 
-const ToggleButton = ({
-  active,
-  ...props
-}: ButtonHTMLAttributes<HTMLButtonElement> & { active: boolean }) => {
-  return (
-    <button
-      {...props}
-      className={classNames('relative top-px uppercase border-b-2 py-4', {
-        'text-muted border-transparent': !active,
-        'border-vega-yellow': active,
-      })}
-    />
-  );
-};
-
 const Games = ({ games }: { games?: TeamGame[] }) => {
   const t = useT();
 
@@ -252,50 +238,6 @@ const RefereeLink = ({ pubkey }: { pubkey: string }) => {
   );
 };
 
-const StatSection = ({ children }: { children: ReactNode }) => {
-  return (
-    <section className="flex flex-col lg:flex-row gap-2 lg:gap-8">
-      {children}
-    </section>
-  );
-};
-
-const StatSectionSeparator = () => {
-  return <div className="hidden lg:block border-r border-default" />;
-};
-
-const StatList = ({ children }: { children: ReactNode }) => {
-  return <dl className="flex gap-4 lg:gap-8">{children}</dl>;
-};
-
-const Stat = ({
-  value,
-  label,
-  tooltip,
-}: {
-  value: ReactNode;
-  label: ReactNode;
-  tooltip?: string;
-}) => {
-  return (
-    <div>
-      <dd className="text-3xl lg:text-4xl">{value}</dd>
-      <dt className="text-sm text-muted">
-        {tooltip ? (
-          <Tooltip description={tooltip} underline={false}>
-            <span className="flex items-center gap-2">
-              {label}
-              <VegaIcon name={VegaIconNames.INFO} size={12} />
-            </span>
-          </Tooltip>
-        ) : (
-          label
-        )}
-      </dt>
-    </div>
-  );
-};
-
 const JoinButton = ({ joined }: { joined: boolean }) => {
   const t = useT();
 
@@ -370,3 +312,62 @@ const FavoriteGame = ({ games }: { games: TeamGame[] }) => {
     </dl>
   );
 };
+
+const ToggleButton = ({
+  active,
+  ...props
+}: ButtonHTMLAttributes<HTMLButtonElement> & { active: boolean }) => {
+  return (
+    <button
+      {...props}
+      className={classNames('relative top-px uppercase border-b-2 py-4', {
+        'text-muted border-transparent': !active,
+        'border-vega-yellow': active,
+      })}
+    />
+  );
+};
+
+const StatSection = ({ children }: { children: ReactNode }) => {
+  return (
+    <section className="flex flex-col lg:flex-row gap-2 lg:gap-8">
+      {children}
+    </section>
+  );
+};
+
+const StatSectionSeparator = () => {
+  return <div className="hidden lg:block border-r border-default" />;
+};
+
+const StatList = ({ children }: { children: ReactNode }) => {
+  return <dl className="flex gap-4 lg:gap-8">{children}</dl>;
+};
+
+const Stat = ({
+  value,
+  label,
+  tooltip,
+}: {
+  value: ReactNode;
+  label: ReactNode;
+  tooltip?: string;
+}) => {
+  return (
+    <div>
+      <dd className="text-3xl lg:text-4xl">{value}</dd>
+      <dt className="text-sm text-muted">
+        {tooltip ? (
+          <Tooltip description={tooltip} underline={false}>
+            <span className="flex items-center gap-2">
+              {label}
+              <VegaIcon name={VegaIconNames.INFO} size={12} />
+            </span>
+          </Tooltip>
+        ) : (
+          label
+        )}
+      </dt>
+    </div>
+  );
+};