Merge pull request #34 from game-node-app/dev

restore /explore serverSideProps
game-node-app · Mar 16, 2024 · 8f48ca1 · 8f48ca1
2 parents 4f4539c + f5cf36d
commit 8f48ca1
Showing 1 changed file with 60 additions and 60 deletions.
diff --git a/src/pages/explore/index.tsx b/src/pages/explore/index.tsx
@@ -38,66 +38,66 @@ export const DEFAULT_EXPLORE_TRENDING_GAMES_DTO: FindStatisticsTrendingGamesDto
         period: DEFAULT_EXPLORE_SCREEN_PERIOD as period,
     };
 
-// export const getServerSideProps = async (context: NextPageContext) => {
-//     const query = context.query;
-//     const queryDto = exploreScreenUrlQueryToDto(query);
-//     const isDefaultDto =
-//         JSON.stringify(DEFAULT_EXPLORE_TRENDING_GAMES_DTO) ===
-//         JSON.stringify(queryDto);
-//     const queryClient = new QueryClient();
-//     let gameIds: number[] | undefined = undefined;
-//     /**
-//      * Only attempts to pre-fetch when the default page is loaded; Prevents hydration errors.
-//      */
-//     if (isDefaultDto) {
-//         await queryClient.prefetchInfiniteQuery({
-//             queryKey: [
-//                 "statistics",
-//                 "trending",
-//                 "game",
-//                 "infinite",
-//                 DEFAULT_EXPLORE_TRENDING_GAMES_DTO.limit,
-//                 DEFAULT_EXPLORE_TRENDING_GAMES_DTO.period,
-//                 DEFAULT_EXPLORE_TRENDING_GAMES_DTO.criteria,
-//             ],
-//             queryFn: async () => {
-//                 const response =
-//                     await StatisticsService.statisticsControllerFindTrendingGames(
-//                         DEFAULT_EXPLORE_TRENDING_GAMES_DTO,
-//                     );
-//                 if (response && response.data) {
-//                     gameIds = response.data.map((s) => s.gameId!);
-//                 }
-//                 return response;
-//             },
-//             initialPageParam: 0,
-//         });
-//
-//         if (gameIds) {
-//             const useGamesDto: GameRepositoryFindAllDto = {
-//                 gameIds: gameIds,
-//                 relations: {
-//                     cover: true,
-//                 },
-//             };
-//
-//             await queryClient.prefetchQuery({
-//                 queryKey: ["game", "all", useGamesDto],
-//                 queryFn: () => {
-//                     return GameRepositoryService.gameRepositoryControllerFindAllByIds(
-//                         useGamesDto,
-//                     );
-//                 },
-//             });
-//         }
-//     }
-//
-//     return {
-//         props: {
-//             dehydratedState: dehydrate(queryClient),
-//         },
-//     };
-// };
+export const getServerSideProps = async (context: NextPageContext) => {
+    const query = context.query;
+    const queryDto = exploreScreenUrlQueryToDto(query);
+    const isDefaultDto =
+        JSON.stringify(DEFAULT_EXPLORE_TRENDING_GAMES_DTO) ===
+        JSON.stringify(queryDto);
+    const queryClient = new QueryClient();
+    let gameIds: number[] | undefined = undefined;
+    /**
+     * Only attempts to pre-fetch when the default page is loaded; Prevents hydration errors.
+     */
+    if (isDefaultDto) {
+        await queryClient.prefetchInfiniteQuery({
+            queryKey: [
+                "statistics",
+                "trending",
+                "game",
+                "infinite",
+                DEFAULT_EXPLORE_TRENDING_GAMES_DTO.limit,
+                DEFAULT_EXPLORE_TRENDING_GAMES_DTO.period,
+                DEFAULT_EXPLORE_TRENDING_GAMES_DTO.criteria,
+            ],
+            queryFn: async () => {
+                const response =
+                    await StatisticsService.statisticsControllerFindTrendingGames(
+                        DEFAULT_EXPLORE_TRENDING_GAMES_DTO,
+                    );
+                if (response && response.data) {
+                    gameIds = response.data.map((s) => s.gameId!);
+                }
+                return response;
+            },
+            initialPageParam: 0,
+        });
+
+        if (gameIds) {
+            const useGamesDto: GameRepositoryFindAllDto = {
+                gameIds: gameIds,
+                relations: {
+                    cover: true,
+                },
+            };
+
+            await queryClient.prefetchQuery({
+                queryKey: ["game", "all", useGamesDto],
+                queryFn: () => {
+                    return GameRepositoryService.gameRepositoryControllerFindAllByIds(
+                        useGamesDto,
+                    );
+                },
+            });
+        }
+    }
+
+    return {
+        props: {
+            dehydratedState: dehydrate(queryClient),
+        },
+    };
+};
 
 const Index = () => {
     const { ref, entry } = useIntersection({