From c568c274fb3dcbff700269c3ae265543e6e2e486 Mon Sep 17 00:00:00 2001
From: mhzrerfani <mhzrerfani@gmail.com>
Date: Tue, 15 Oct 2024 17:27:43 +0330
Subject: [PATCH] Add description to download modal

---
 apps/web/src/app/games/[id]/components/DownloadModal.tsx | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/app/games/[id]/components/DownloadModal.tsx b/apps/web/src/app/games/[id]/components/DownloadModal.tsx
index 5769014..5bac83b 100644
--- a/apps/web/src/app/games/[id]/components/DownloadModal.tsx
+++ b/apps/web/src/app/games/[id]/components/DownloadModal.tsx
@@ -7,23 +7,24 @@ import { selectIsGameLoading$, selectProgressPercentage$ } from "../state/select
 export default function DownloadModal() {
   const { isLoading: isWalletLoading } = useWallet();
   const percentage = useSelector(selectProgressPercentage$());
-
   const isLoading = useSelector(selectIsGameLoading$()) || isWalletLoading;
+
   if (isLoading)
     return (
       <Modal closeButton={false} className="w-96 h-52 animate-grow-in">
-        <div className="flex flex-col items-center gap-1 text-white text-center">
+        <div className="flex text-nowrap text-sm flex-col items-center gap-1 text-white text-center">
           {percentage ? (
             <>
+              Downloading assets
               <progress
-                className="nes-progress is-success duration-300 transition-all"
+                className="nes-progress is-success duration-300 transition-all h-6"
                 value={percentage}
                 max={100}
               />
               {`%${percentage}`}
             </>
           ) : (
-            "Starting download assets..."
+            "Starting downloading assets..."
           )}
         </div>
       </Modal>