From a1e3ab83facf9c7740c152637dc268181eab9f59 Mon Sep 17 00:00:00 2001
From: Lowell Torola <lmtorola@mit.edu>
Date: Sun, 29 Sep 2024 16:47:35 -0400
Subject: [PATCH] temporary checkpoint

---
 frontend2/src/api/loaders/myTeamLoader.ts     | 40 -------------------
 .../components/compete/ScrimmagingRecord.tsx  |  7 ++--
 frontend2/src/views/Home.tsx                  |  6 ++-
 3 files changed, 9 insertions(+), 44 deletions(-)

diff --git a/frontend2/src/api/loaders/myTeamLoader.ts b/frontend2/src/api/loaders/myTeamLoader.ts
index c848efbd5..aefd6aa44 100644
--- a/frontend2/src/api/loaders/myTeamLoader.ts
+++ b/frontend2/src/api/loaders/myTeamLoader.ts
@@ -2,12 +2,6 @@ import type { QueryClient } from "@tanstack/react-query";
 import type { LoaderFunction } from "react-router-dom";
 import { myTeamFactory } from "../team/teamFactories";
 import { buildKey } from "../helpers";
-import { isNil } from "lodash";
-import { scrimmagingRecordFactory } from "api/compete/competeFactories";
-import {
-  CompeteMatchScrimmagingRecordRetrieveScrimmageTypeEnum,
-  type TeamPrivate,
-} from "api/_autogen";
 
 export const myTeamLoader =
   (queryClient: QueryClient): LoaderFunction =>
@@ -22,39 +16,5 @@ export const myTeamLoader =
       queryFn: async () => await myTeamFactory.queryFn({ episodeId }),
     });
 
-    // Win/loss/tie
-    const teamDataCached = queryClient.getQueryData<TeamPrivate>(
-      buildKey(myTeamFactory.queryKey, { episodeId }),
-    );
-
-    if (!isNil(teamDataCached)) {
-      void queryClient.ensureQueryData({
-        queryKey: buildKey(scrimmagingRecordFactory.queryKey, {
-          episodeId,
-          teamId: teamDataCached.id,
-          scrimmageType:
-            CompeteMatchScrimmagingRecordRetrieveScrimmageTypeEnum.Ranked,
-        }),
-      });
-
-      void queryClient.ensureQueryData({
-        queryKey: buildKey(scrimmagingRecordFactory.queryKey, {
-          episodeId,
-          teamId: teamDataCached.id,
-          scrimmageType:
-            CompeteMatchScrimmagingRecordRetrieveScrimmageTypeEnum.Unranked,
-        }),
-      });
-
-      void queryClient.ensureQueryData({
-        queryKey: buildKey(scrimmagingRecordFactory.queryKey, {
-          episodeId,
-          teamId: teamDataCached.id,
-          scrimmageType:
-            CompeteMatchScrimmagingRecordRetrieveScrimmageTypeEnum.All,
-        }),
-      });
-    }
-
     return null;
   };
diff --git a/frontend2/src/components/compete/ScrimmagingRecord.tsx b/frontend2/src/components/compete/ScrimmagingRecord.tsx
index b620fcef6..a85791f71 100644
--- a/frontend2/src/components/compete/ScrimmagingRecord.tsx
+++ b/frontend2/src/components/compete/ScrimmagingRecord.tsx
@@ -6,6 +6,7 @@ import {
 import { useScrimmagingRecord } from "api/compete/useCompete";
 import { useEpisodeId } from "contexts/EpisodeContext";
 import WinLossTie from "./WinLossTie";
+import { isNil } from "lodash";
 
 interface ScrimmagingRecordProps {
   team: Pick<TeamPublic, "id" | "name" | "profile">;
@@ -69,7 +70,7 @@ const ScrimmagingRecord: React.FC<ScrimmagingRecordProps> = ({
               scrimmageType={
                 CompeteMatchScrimmagingRecordRetrieveScrimmageTypeEnum.All
               }
-              loading={scrimmagingRecordAll.isFetching}
+              loading={scrimmagingRecordAll.isFetching && isNil(scrimmagingRecordAll.data)}
               wins={scrimmagingRecordAll.data?.wins ?? 0}
               losses={scrimmagingRecordAll.data?.losses ?? 0}
               ties={scrimmagingRecordAll.data?.ties ?? 0}
@@ -80,7 +81,7 @@ const ScrimmagingRecord: React.FC<ScrimmagingRecordProps> = ({
               scrimmageType={
                 CompeteMatchScrimmagingRecordRetrieveScrimmageTypeEnum.Unranked
               }
-              loading={scrimmagingRecordUnranked.isFetching}
+              loading={scrimmagingRecordUnranked.isFetching && isNil(scrimmagingRecordUnranked.data)}
               wins={scrimmagingRecordUnranked.data?.wins ?? 0}
               losses={scrimmagingRecordUnranked.data?.losses ?? 0}
               ties={scrimmagingRecordUnranked.data?.ties ?? 0}
@@ -91,7 +92,7 @@ const ScrimmagingRecord: React.FC<ScrimmagingRecordProps> = ({
               scrimmageType={
                 CompeteMatchScrimmagingRecordRetrieveScrimmageTypeEnum.Ranked
               }
-              loading={scrimmagingRecordRanked.isFetching}
+              loading={scrimmagingRecordRanked.isFetching && isNil(scrimmagingRecordRanked.data)}
               wins={scrimmagingRecordRanked.data?.wins ?? 0}
               losses={scrimmagingRecordRanked.data?.losses ?? 0}
               ties={scrimmagingRecordRanked.data?.ties ?? 0}
diff --git a/frontend2/src/views/Home.tsx b/frontend2/src/views/Home.tsx
index 7946c6aee..248a124b6 100644
--- a/frontend2/src/views/Home.tsx
+++ b/frontend2/src/views/Home.tsx
@@ -75,7 +75,11 @@ const Home: React.FC = () => {
           </SectionCard>
           {userTeam.isSuccess && (
             <SectionCard title="Scrimmaging Record">
-              <ScrimmagingRecord team={userTeam.data} />
+              <ScrimmagingRecord
+                team={userTeam.data}
+                hideRanked={true}
+                hideUnranked={true}
+              />
             </SectionCard>
           )}
           <SectionCard title="Rating History">