From 813a46bf3e4f2786a619b1576ea87c8b2557707e Mon Sep 17 00:00:00 2001
From: Zamitto <167933696+zamitto@users.noreply.github.com>
Date: Thu, 12 Sep 2024 20:52:54 -0300
Subject: [PATCH] feat: refactor

---
 src/renderer/src/components/hero/hero.tsx | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src/components/hero/hero.tsx b/src/renderer/src/components/hero/hero.tsx
index 55615e74..df0f8a7f 100644
--- a/src/renderer/src/components/hero/hero.tsx
+++ b/src/renderer/src/components/hero/hero.tsx
@@ -3,8 +3,7 @@ import * as styles from "./hero.css";
 import { useEffect, useState } from "react";
 import { TrendingGame } from "@types";
 import { useTranslation } from "react-i18next";
-import Skeleton, { SkeletonTheme } from "react-loading-skeleton";
-import { vars } from "@renderer/theme.css";
+import Skeleton from "react-loading-skeleton";
 
 export function Hero() {
   const [featuredGameDetails, setFeaturedGameDetails] = useState<
@@ -30,11 +29,7 @@ export function Hero() {
   }, [i18n.language]);
 
   if (isLoading) {
-    return (
-      <SkeletonTheme baseColor={vars.color.background} highlightColor="#444">
-        <Skeleton className={styles.hero} />
-      </SkeletonTheme>
-    );
+    return <Skeleton className={styles.hero} />;
   }
 
   if (featuredGameDetails?.length) {