From 19cb7c0627998ff079a2bf5a07e2dfeda4f361a6 Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Sat, 14 Sep 2024 16:57:39 -0300
Subject: [PATCH] feat: comment HLTB

---
 .../src/pages/game-details/game-details-skeleton.tsx       | 4 ++--
 src/renderer/src/pages/game-details/sidebar/sidebar.tsx    | 7 +++----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/src/renderer/src/pages/game-details/game-details-skeleton.tsx b/src/renderer/src/pages/game-details/game-details-skeleton.tsx
index ab1c1d37..23f0c6f1 100644
--- a/src/renderer/src/pages/game-details/game-details-skeleton.tsx
+++ b/src/renderer/src/pages/game-details/game-details-skeleton.tsx
@@ -43,7 +43,7 @@ export function GameDetailsSkeleton() {
           </div>
         </div>
         <div className={sidebarStyles.contentSidebar}>
-          <div className={sidebarStyles.contentSidebarTitle}>
+          {/* <div className={sidebarStyles.contentSidebarTitle}>
             <h3>HowLongToBeat</h3>
           </div>
           <ul className={sidebarStyles.howLongToBeatCategoriesList}>
@@ -53,7 +53,7 @@ export function GameDetailsSkeleton() {
                 className={sidebarStyles.howLongToBeatCategorySkeleton}
               />
             ))}
-          </ul>
+          </ul> */}
           <div
             className={sidebarStyles.contentSidebarTitle}
             style={{ border: "none" }}
diff --git a/src/renderer/src/pages/game-details/sidebar/sidebar.tsx b/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
index 9d6fd207..5ed90d39 100644
--- a/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
+++ b/src/renderer/src/pages/game-details/sidebar/sidebar.tsx
@@ -1,5 +1,4 @@
 import { useContext, useEffect, useState } from "react";
-import { HowLongToBeatSection } from "./how-long-to-beat-section";
 import type { HowLongToBeatCategory, SteamAppDetails } from "@types";
 import { useTranslation } from "react-i18next";
 import { Button } from "@renderer/components";
@@ -10,7 +9,7 @@ import { useFormat } from "@renderer/hooks";
 import { DownloadIcon, PeopleIcon } from "@primer/octicons-react";
 
 export function Sidebar() {
-  const [howLongToBeat, setHowLongToBeat] = useState<{
+  const [_howLongToBeat, setHowLongToBeat] = useState<{
     isLoading: boolean;
     data: HowLongToBeatCategory[] | null;
   }>({ isLoading: true, data: null });
@@ -42,10 +41,10 @@ export function Sidebar() {
 
   return (
     <aside className={styles.contentSidebar}>
-      <HowLongToBeatSection
+      {/* <HowLongToBeatSection
         howLongToBeatData={howLongToBeat.data}
         isLoading={howLongToBeat.isLoading}
-      />
+      /> */}
 
       {stats && (
         <>