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

Possible fix for wrong hours display in GameInfoPlaytimeItem
game-node-app · Apr 19, 2024 · 4a3d9bf · 4a3d9bf
2 parents 0b76d27 + b992c6f
commit 4a3d9bf
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/game/info/playtime/GameInfoPlaytimeItem.tsx b/src/components/game/info/playtime/GameInfoPlaytimeItem.tsx
@@ -9,7 +9,8 @@ interface Props {
 }
 
 const GameInfoPlaytimeItem = ({ name, value, isLoading }: Props) => {
-    const valueHours = Math.ceil(value || 0 / 3600);
+    const valueToUse = value ?? 0;
+    const valueHours = Math.ceil(valueToUse / 3600);
     return (
         <Group className={"flex-nowrap gap-0 w-full"}>
             <Stack
@@ -26,6 +27,7 @@ const GameInfoPlaytimeItem = ({ name, value, isLoading }: Props) => {
             >
                 {valueHours} Hours
             </Stack>
+            {isLoading && <Skeleton className={"w-1/2 h-10"} />}
         </Group>
     );
 };