Add no teams found message to other pages

pages/[username].tsx

@@ -71,7 +71,8 @@ const ProfileRoute: React.FC<Props> = ({
     recordCount,
     parties,
     setParties,
-    isFetching,
+    loaded,
+    fetching,
     setFetching,
     fetchError,
     fetch,
@@ -155,6 +156,13 @@ const ProfileRoute: React.FC<Props> = ({
   }
 
   const renderInfiniteScroll = (
+    <>
+      {parties.length === 0 && !loaded && renderLoading(3)}
+      {parties.length === 0 && loaded && (
+        <div className="notFound">
+          <h2>There are no teams with your specified filters</h2>
+        </div>
+      )}
       <InfiniteScroll
         dataLength={parties && parties.length > 0 ? parties.length : 0}
         next={() => setCurrentPage(currentPage + 1)}
@@ -163,6 +171,7 @@ const ProfileRoute: React.FC<Props> = ({
       >
         <GridRepCollection>{renderParties()}</GridRepCollection>
       </InfiniteScroll>
+    </>
   )
 
   if (context) {

pages/saved.tsx

@@ -66,7 +66,8 @@ const SavedRoute: React.FC<Props> = ({
     recordCount,
     parties,
     setParties,
-    isFetching,
+    loaded,
+    fetching,
     setFetching,
     fetchError,
     fetch,
@@ -150,6 +151,13 @@ const SavedRoute: React.FC<Props> = ({
   }
 
   const renderInfiniteScroll = (
+    <>
+      {parties.length === 0 && !loaded && renderLoading(3)}
+      {parties.length === 0 && loaded && (
+        <div className="notFound">
+          <h2>There are no teams with your specified filters</h2>
+        </div>
+      )}
       <InfiniteScroll
         dataLength={parties && parties.length > 0 ? parties.length : 0}
         next={() => setCurrentPage(currentPage + 1)}
@@ -158,6 +166,7 @@ const SavedRoute: React.FC<Props> = ({
       >
         <GridRepCollection>{renderParties()}</GridRepCollection>
       </InfiniteScroll>
+    </>
   )
 
   if (context) {

pages/teams.tsx

@@ -32,7 +32,6 @@ import { CollectionPage } from '~utils/enums'
 
 interface Props {
   context?: PageContextObj
-  query: { [key: string]: string }
   version: AppUpdate
   error: boolean
   status?: ResponseStatus
@@ -40,7 +39,6 @@ interface Props {
 
 const TeamsRoute: React.FC<Props> = ({
   context,
-  query,
   version,
   error,
   status,
@@ -212,7 +210,6 @@ export const getServerSideProps = async ({ req, res, locale, query }: { req: Nex
     return {
       props: {
         context: { raidGroups },
-        query,
         version,
         error: false,
         ...(await serverSideTranslations(locale, ['common'])),