From 7a48a0202c887dd3573d92a66024d1bfcc2501fc Mon Sep 17 00:00:00 2001
From: Zamitto <nandoaqws@gmail.com>
Date: Sat, 27 Apr 2024 21:00:57 -0300
Subject: [PATCH] feat: disable next random suggestion button until game
 details finish loading

---
 src/renderer/pages/game-details/game-details.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/renderer/pages/game-details/game-details.tsx b/src/renderer/pages/game-details/game-details.tsx
index 9015823f..2dc44418 100644
--- a/src/renderer/pages/game-details/game-details.tsx
+++ b/src/renderer/pages/game-details/game-details.tsx
@@ -33,6 +33,7 @@ export function GameDetails() {
   const { objectID, shop } = useParams();
 
   const [isLoading, setIsLoading] = useState(false);
+  const [isLoadingRandomGame, setIsLoadingRandomGame] = useState(false);
   const [color, setColor] = useState("");
   const [gameDetails, setGameDetails] = useState<ShopDetails | null>(null);
   const [howLongToBeat, setHowLongToBeat] = useState<{
@@ -97,6 +98,7 @@ export function GameDetails() {
 
         setGameDetails(result);
         dispatch(setHeaderTitle(result.name));
+        setIsLoadingRandomGame(false);
       })
       .finally(() => {
         setIsLoading(false);
@@ -149,6 +151,7 @@ export function GameDetails() {
   };
 
   const handleRandomizerClick = async () => {
+    setIsLoadingRandomGame(true);
     const randomGameObjectID = await window.electron.getRandomGame();
 
     const searchParams = new URLSearchParams({
@@ -269,6 +272,7 @@ export function GameDetails() {
           className={styles.randomizerButton}
           onClick={handleRandomizerClick}
           theme="outline"
+          disabled={isLoadingRandomGame}
         >
           <div style={{ width: 16, height: 16, position: "relative" }}>
             <Lottie