feat: updating translations

src/locales/en/translation.json

@@ -189,9 +189,10 @@
     "download_error_gofile_quota_exceeded": "You have exceeded your Gofile monthly quota. Please await the quota to reset.",
     "download_error_real_debrid_account_not_authorized": "Your Real-Debrid account is not authorized to make new downloads. Please check your account settings and try again.",
     "download_error_not_cached_in_real_debrid": "This download is not available on Real-Debrid and polling download status from Real-Debrid is not yet available.",
-    "download_error_not_cached_in_torbox": "This download is not available on Torbox and polling download status from Torbox is not yet available."
+    "download_error_not_cached_in_torbox": "This download is not available on Torbox and polling download status from Torbox is not yet available.",
+    "game_removed_from_favorites": "Game removed from favorites",
+    "game_added_to_favorites": "Game added to favorites"
   },
-
   "activation": {
     "title": "Activate Hydra",
     "installation_id": "Installation ID:",

src/locales/pt-BR/translation.json

@@ -179,9 +179,10 @@
     "download_error_gofile_quota_exceeded": "Você excedeu sua cota mensal do Gofile. Por favor, aguarde a cota resetar.",
     "download_error_real_debrid_account_not_authorized": "Sua conta do Real-Debrid não está autorizada a fazer novos downloads. Por favor, verifique sua assinatura e tente novamente.",
     "download_error_not_cached_in_real_debrid": "Este download não está disponível no Real-Debrid e a verificação do status do download não está disponível.",
-    "download_error_not_cached_in_torbox": "Este download não está disponível no Torbox e a verificação do status do download não está disponível."
+    "download_error_not_cached_in_torbox": "Este download não está disponível no Torbox e a verificação do status do download não está disponível.",
+    "game_removed_from_favorites": "Jogo removido dos favoritos",
+    "game_added_to_favorites": "Jogo adicionado aos favoritos"
   },
-
   "activation": {
     "title": "Ativação",
     "installation_id": "ID da instalação:",

src/renderer/src/components/sidebar/sidebar.tsx

@@ -167,6 +167,10 @@ export function Sidebar() {
     }
   };
 
+  const favoriteGames = useMemo(() => {
+    return sortedLibrary.filter((game) => game.favorite);
+  }, [sortedLibrary]);
+
   return (
     <aside
       ref={sidebarRef}
@@ -206,13 +210,12 @@ export function Sidebar() {
             </ul>
           </section>
 
-          <section className="sidebar__section">
-            <small className="sidebar__section-title">{t("favorites")}</small>
+          {favoriteGames.length > 0 && (
+            <section className="sidebar__section">
+              <small className="sidebar__section-title">{t("favorites")}</small>
 
-            <ul className="sidebar__menu">
-              {sortedLibrary
-                .filter((game) => game.favorite)
-                .map((game) => (
+              <ul className="sidebar__menu">
+                {favoriteGames.map((game) => (
                   <SidebarGameItem
                     key={game.id}
                     game={game}
@@ -220,8 +223,9 @@ export function Sidebar() {
                     getGameTitle={getGameTitle}
                   />
                 ))}
-            </ul>
-          </section>
+              </ul>
+            </section>
+          )}
 
           <section className="sidebar__section">
             <small className="sidebar__section-title">{t("my_library")}</small>

src/renderer/src/context/settings/settings.context.tsx

@@ -34,7 +34,7 @@ export interface SettingsContextProviderProps {
 
 export function SettingsContextProvider({
   children,
-}: SettingsContextProviderProps) {
+}: Readonly<SettingsContextProviderProps>) {
   const dispatch = useAppDispatch();
   const [sourceUrl, setSourceUrl] = useState<string | null>(null);
   const [currentCategoryIndex, setCurrentCategoryIndex] = useState(0);

src/renderer/src/hooks/use-feature.ts

@@ -2,6 +2,7 @@ import { useEffect } from "react";
 
 enum Feature {
   CheckDownloadWritePermission = "CHECK_DOWNLOAD_WRITE_PERMISSION",
+  Torbox = "TORBOX",
 }
 
 export function useFeature() {
@@ -12,7 +13,7 @@ export function useFeature() {
   }, []);
 
   const isFeatureEnabled = (feature: Feature) => {
-    const features = JSON.parse(localStorage.getItem("features") || "[]");
+    const features = JSON.parse(localStorage.getItem("features") ?? "[]");
     return features.includes(feature);
   };
 

src/renderer/src/pages/settings/settings.tsx

@@ -10,7 +10,7 @@ import {
   SettingsContextProvider,
 } from "@renderer/context";
 import { SettingsAccount } from "./settings-account";
-import { useUserDetails } from "@renderer/hooks";
+import { useFeature, useUserDetails } from "@renderer/hooks";
 import { useMemo } from "react";
 import "./settings.scss";
 import { SettingsAppearance } from "./aparence/settings-appearance";
@@ -21,6 +21,10 @@ export default function Settings() {
 
   const { userDetails } = useUserDetails();
 
+  const { isFeatureEnabled, Feature } = useFeature();
+
+  const isTorboxEnabled = isFeatureEnabled(Feature.Torbox);
+
   const categories = useMemo(() => {
     const categories = [
       { tabLabel: t("general"), contentTitle: t("general") },
@@ -30,15 +34,19 @@ export default function Settings() {
         tabLabel: t("appearance"),
         contentTitle: t("appearance"),
       },
-      {
-        tabLabel: (
-          <>
-            <img src={torBoxLogo} alt="TorBox" style={{ width: 13 }} />
-            Torbox
-          </>
-        ),
-        contentTitle: "TorBox",
-      },
+      ...(isTorboxEnabled
+        ? [
+            {
+              tabLabel: (
+                <>
+                  <img src={torBoxLogo} alt="TorBox" style={{ width: 13 }} />
+                  Torbox
+                </>
+              ),
+              contentTitle: "TorBox",
+            },
+          ]
+        : []),
       { tabLabel: "Real-Debrid", contentTitle: "Real-Debrid" },
     ];
 
@@ -48,7 +56,7 @@ export default function Settings() {
         { tabLabel: t("account"), contentTitle: t("account") },
       ];
     return categories;
-  }, [userDetails, t]);
+  }, [userDetails, t, isTorboxEnabled]);
 
   return (
     <SettingsContextProvider>