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

- re-enables GameInfoPlaytime component
game-node-app · Oct 26, 2024 · 4a6e06f · 4a6e06f
2 parents 62a53b2 + a4712bd
commit 4a6e06f
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 10 deletions.
diff --git a/src/components/game/info/GameInfoDetails.tsx b/src/components/game/info/GameInfoDetails.tsx
@@ -1,6 +1,6 @@
 import React from "react";
-import { Center, SimpleGrid, Stack } from "@mantine/core";
-import { Game, GameRepositoryFindOneDto } from "@/wrapper/server";
+import { SimpleGrid, Stack } from "@mantine/core";
+import { Game } from "@/wrapper/server";
 import { getLocalizedFirstReleaseDate } from "@/components/game/util/getLocalizedFirstReleaseDate";
 import { DetailsBox } from "@/components/general/DetailsBox";
 import GameInfoPlatforms from "@/components/game/info/GameInfoPlatforms";
@@ -48,6 +48,7 @@ const GameInfoDetails = ({ game }: IGameInfoDetailsProps) => {
                     <GameInfoProgressTimeline gameId={game.id} />
                 </DetailsBox>
                 <GameInfoScore gameId={game.id} />
+                <GameInfoPlaytime gameId={game.id} />
             </SimpleGrid>
         </Stack>
     );

diff --git a/src/components/game/info/playtime/GameInfoPlaytime.tsx b/src/components/game/info/playtime/GameInfoPlaytime.tsx
@@ -1,10 +1,10 @@
 import React from "react";
 import { useQuery } from "@tanstack/react-query";
-import { SyncHltbService } from "@/wrapper/server";
 import { DetailsBox } from "@/components/general/DetailsBox";
 import GameInfoPlaytimeItem from "@/components/game/info/playtime/GameInfoPlaytimeItem";
 import { Space, Stack, Text } from "@mantine/core";
-import CenteredLoading from "@/components/general/CenteredLoading";
+import TextLink from "@/components/general/TextLink";
+import { PlaytimeService } from "@/wrapper/server";
 
 interface Props {
     gameId: number;
@@ -14,7 +14,7 @@ const GameInfoPlaytime = ({ gameId }: Props) => {
     const playtimeQuery = useQuery({
         queryKey: ["game", "playtime", gameId],
         queryFn: () => {
-            return SyncHltbService.hltbControllerFindPlaytimeForGameId(gameId);
+            return PlaytimeService.playtimeControllerFindOneByGameId(gameId);
         },
         enabled: !!gameId,
         staleTime: Infinity,
@@ -23,7 +23,7 @@ const GameInfoPlaytime = ({ gameId }: Props) => {
     const playtime = playtimeQuery.data;
     return (
         <DetailsBox
-            title={"Playtime"}
+            title={"Estimated playtime"}
             withBorder
             withDimmedTitle
             stackProps={{
@@ -48,7 +48,17 @@ const GameInfoPlaytime = ({ gameId }: Props) => {
                 value={playtime?.time100}
             />
             <Text className={"text-center text-xs mt-4"} c={"dimmed"}>
-                Data provided by <a href={"https://howlongtobeat.com"}>HLTB</a>
+                Data provided by{" "}
+                <TextLink
+                    fz={"sm"}
+                    span
+                    href={"https://howlongtobeat.com"}
+                    linkProps={{
+                        target: "_blank",
+                    }}
+                >
+                    HLTB
+                </TextLink>
             </Text>
         </DetailsBox>
     );

diff --git a/src/components/general/input/select/SelectWithOrdering.tsx b/src/components/general/input/select/SelectWithOrdering.tsx
@@ -24,8 +24,6 @@ const SelectWithOrdering = ({
         "ASC" | "DESC"
     >("DESC");
 
-    console.log(internalSelectedItem, internalSelectedOrdering);
-
     return (
         <Select
             {...others}

diff --git a/src/wrapper/input/server_swagger.json b/src/wrapper/input/server_swagger.json