From 037357e04c9a4c218f5f12e08fff3bb2f0575242 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Thu, 24 Oct 2024 09:05:44 +0700
Subject: [PATCH] fix: placeholder no hardware detect (#3873)

---
 web/screens/Settings/Advanced/index.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/web/screens/Settings/Advanced/index.tsx b/web/screens/Settings/Advanced/index.tsx
index 66cf9dc24f..475cc4d588 100644
--- a/web/screens/Settings/Advanced/index.tsx
+++ b/web/screens/Settings/Advanced/index.tsx
@@ -211,6 +211,9 @@ const Advanced = () => {
     saveSettings({ gpusInUse: updatedGpusInUse })
   }
 
+  const gpuSelectionPlaceHolder =
+    gpuList.length > 0 ? 'Select GPU' : "You don't have any compatible GPU"
+
   /**
    * Handle click outside
    */
@@ -322,13 +325,20 @@ const Advanced = () => {
               <div className="relative w-full md:w-1/2" ref={setToggle}>
                 <Input
                   value={selectedGpu.join() || ''}
-                  className="w-full cursor-pointer"
+                  className={twMerge(
+                    'w-full cursor-pointer',
+                    gpuList.length === 0 && 'pointer-events-none'
+                  )}
                   readOnly
-                  placeholder=""
+                  disabled={gpuList.length === 0}
+                  placeholder={gpuSelectionPlaceHolder}
                   suffixIcon={
                     <ChevronDownIcon
                       size={14}
-                      className={twMerge(open && 'rotate-180')}
+                      className={twMerge(
+                        gpuList.length === 0 && 'pointer-events-none',
+                        open && 'rotate-180'
+                      )}
                     />
                   }
                   onClick={() => setOpen(!open)}