Adjust chesscom API

src/components/ChessComStats/hooks/useMatchesSummary.ts

@@ -6,7 +6,7 @@ type Params = {
 };
 
 export const useMatchesSummary = ({ matches, username }: Params) => {
-  if (!matches) {
+  if (!matches || matches.length === 0) {
     return null;
   }
 

src/components/ChessComStats/hooks/useStats.tsx

@@ -1,6 +1,10 @@
 import { useQueries } from 'react-query';
 
-import { RawAllTimeStats, RawMatchData, RawProfileStats } from 'types/chesscom';
+import {
+  RawAllTimeStats,
+  RawProfileStats,
+  RawRecentMatchesResponse,
+} from 'types/chesscom';
 
 // @ts-expect-error
 // eslint-disable-next-line
@@ -42,7 +46,7 @@ const fetchMatchData = async () => {
 
   const data = await response.json();
 
-  return data as Array<RawMatchData>;
+  return data as RawRecentMatchesResponse;
 };
 
 type Params = {
@@ -70,6 +74,6 @@ export const useStats = ({ userId }: Params) => {
 
   return {
     stats: stats.data?.stats,
-    matches: matches.data,
+    matches: matches.data?.games,
   };
 };

src/pages/api/chesscom/recent-matches.ts

@@ -1,6 +1,6 @@
 import type { NextApiRequest, NextApiResponse } from 'next';
 
-import { RawMatchData } from 'types/chesscom';
+import { RawRecentMatchesResponse } from 'types/chesscom';
 
 import { chessComUserId } from '@/utils/constants';
 
@@ -17,7 +17,7 @@ export default async (req: NextApiRequest, res: NextApiResponse) => {
         throw new Error(response.statusText);
       }
 
-      const data = (await response.json()) as RawMatchData;
+      const data = (await response.json()) as RawRecentMatchesResponse;
 
       // set cache-control header for 10 minutes
       if (process.env.NODE_ENV === 'production') {

src/utils/constants.ts

@@ -6,5 +6,5 @@ export const publicUrl = process.env.NEXT_PUBLIC_URL;
 
 // This is my chess.com information
 // If you are copying this, remember to change this.
-export const chessComUserId = '344047395'; // '288942993'; old banned account
+export const chessComUserId = '344047395';
 export const chessComUsername = 'PixelParser';

types/chesscom.ts

@@ -113,6 +113,11 @@ export type RawMatchData = {
   user2Accuracy: number | null;
 };
 
+export type RawRecentMatchesResponse = {
+  games: RawMatchData[];
+  totalGames: number;
+};
+
 export type GameType = {
   name: Name;
   code: Code;