fix: updating themes when installing

src/renderer/src/declaration.d.ts

@@ -29,6 +29,7 @@ import type {
   LibraryGame,
   GameRunning,
   TorBoxUser,
+  Theme,
 } from "@types";
 import type { AxiosProgressEvent } from "axios";
 import type disk from "diskusage";

src/renderer/src/pages/settings/aparence/modals/add-theme-modal.tsx

@@ -2,7 +2,6 @@ import { Modal } from "@renderer/components/modal/modal";
 import { TextField } from "@renderer/components/text-field/text-field";
 import { Button } from "@renderer/components/button/button";
 import { useTranslation } from "react-i18next";
-import "./modals.scss";
 import { useUserDetails } from "@renderer/hooks";
 import { Theme } from "@types";
 import { useForm } from "react-hook-form";
@@ -11,6 +10,8 @@ import * as yup from "yup";
 import { yupResolver } from "@hookform/resolvers/yup";
 import { useCallback } from "react";
 
+import "./modals.scss";
+
 interface AddThemeModalProps {
   visible: boolean;
   onClose: () => void;

src/renderer/src/pages/settings/aparence/settings-appearance.tsx

@@ -15,6 +15,14 @@ export const SettingsAppearance = () => {
     loadThemes();
   }, []);
 
+  useEffect(() => {
+    const unsubscribe = window.electron.onCssInjected(() => {
+      loadThemes();
+    });
+
+    return () => unsubscribe();
+  }, []);
+
   return (
     <div className="settings-appearance">
       <ThemeActions onListUpdated={loadThemes} themesCount={themes.length} />

src/renderer/src/pages/settings/settings-real-debrid.tsx

@@ -86,12 +86,12 @@ export function SettingsRealDebrid() {
       <CheckboxField
         label={t("enable_real_debrid")}
         checked={form.useRealDebrid}
-        onChange={() =>
+        onChange={() => {
           setForm((prev) => ({
             ...prev,
             useRealDebrid: !form.useRealDebrid,
-          }))
-        }
+          }));
+        }}
       />
 
       {form.useRealDebrid && (

src/types/theme.types.ts

@@ -1,8 +1,8 @@
 export interface Theme {
   id: string;
   name: string;
-  author: string | undefined;
-  authorName: string | undefined;
+  author?: string;
+  authorName?: string;
   isActive: boolean;
   code: string;
   createdAt: Date;