#4087 moved filtering into frontend

Author: EdgarButtner

src/frontend/src/hooks/teams.hooks.ts

@@ -199,10 +199,3 @@ export const useMyTeamAsHead = () => {
     return data;
   });
 };
-
-export const useTeamsByTypeId = (teamTypeId: string) => {
-  return useQuery<TeamPreview[], Error>(['teams', 'type', teamTypeId], async () => {
-    const { data } = await getAllTeams();
-    return data.filter((team) => team.teamType?.teamTypeId === teamTypeId);
-  });
-};

src/frontend/src/pages/GuestDivisionPage/GuestTeamPage.tsx

@@ -3,15 +3,16 @@ import ErrorPage from '../ErrorPage';
 import { Box, useMediaQuery } from '@mui/system';
 import PageLayout from '../../components/PageLayout';
 import GuestSubteamCard from './GuestSubteamCard';
-import { useTeamsByTypeId } from '../../hooks/teams.hooks';
+import { useAllTeams } from '../../hooks/teams.hooks';
 
 interface GuestTeamPageProps {
   teamTypeId: string;
 }
 
 const GuestTeamPage: React.FC<GuestTeamPageProps> = ({ teamTypeId }) => {
   const isMobilePortrait = useMediaQuery('(max-width:480px)');
-  const { isLoading: teamsIsLoading, isError: teamsIsError, data: teams, error: teamsError } = useTeamsByTypeId(teamTypeId);
+  const { isLoading: teamsIsLoading, isError: teamsIsError, data: allTeams, error: teamsError } = useAllTeams();
+  const teams = allTeams?.filter((team) => team.teamType?.teamTypeId === teamTypeId);
 
   if (teamsIsLoading || !teams) return <LoadingIndicator />;
   if (teamsIsError) return <ErrorPage message={teamsError.message} />;