From 0518fea2a28ae6ca87ccc45080ca36d8dfdac4aa Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Sat, 21 Jun 2025 00:03:04 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9Bfix:=20prevent=20render=20error=20w?=
 =?UTF-8?q?hen=20additional=20information=20missing=20from=20hardware=20(#?=
 =?UTF-8?q?5413)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web-app/src/routes/settings/hardware.tsx | 14 ++++----------
 web-app/src/routes/system-monitor.tsx    |  4 ++--
 2 files changed, 6 insertions(+), 12 deletions(-)

diff --git a/web-app/src/routes/settings/hardware.tsx b/web-app/src/routes/settings/hardware.tsx
index 9bef26d31..63b51cd37 100644
--- a/web-app/src/routes/settings/hardware.tsx
+++ b/web-app/src/routes/settings/hardware.tsx
@@ -39,13 +39,7 @@ export const Route = createFileRoute(route.settings.hardware as any)({
   component: Hardware,
 })
 
-function SortableGPUItem({
-  gpu,
-  index,
-}: {
-  gpu: GPU
-  index: number
-}) {
+function SortableGPUItem({ gpu, index }: { gpu: GPU; index: number }) {
   const {
     attributes,
     listeners,
@@ -105,7 +99,7 @@ function SortableGPUItem({
           title={t('settings:hardware.driverVersion')}
           actions={
             <span className="text-main-view-fg/80">
-              {gpu.additional_information?.driver_version}
+              {gpu.additional_information?.driver_version || '-'}
             </span>
           }
         />
@@ -113,7 +107,7 @@ function SortableGPUItem({
           title={t('settings:hardware.computeCapability')}
           actions={
             <span className="text-main-view-fg/80">
-              {gpu.additional_information?.compute_cap}
+              {gpu.additional_information?.compute_cap || '-'}
             </span>
           }
         />
@@ -164,7 +158,7 @@ function Hardware() {
   }
 
   useEffect(() => {
-    if (pollingPaused) return;
+    if (pollingPaused) return
     const intervalId = setInterval(() => {
       getHardwareInfo().then((data) => {
         updateCPUUsage(data.cpu.usage)
diff --git a/web-app/src/routes/system-monitor.tsx b/web-app/src/routes/system-monitor.tsx
index d0c965cca..c94c1919a 100644
--- a/web-app/src/routes/system-monitor.tsx
+++ b/web-app/src/routes/system-monitor.tsx
@@ -252,7 +252,7 @@ function SystemMonitor() {
                         {t('system-monitor:driverVersion')}
                       </span>
                       <span className="text-main-view-fg">
-                        {gpu.additional_information.driver_version}
+                        {gpu.additional_information?.driver_version || '-'}
                       </span>
                     </div>
                     <div className="flex justify-between items-center">
@@ -260,7 +260,7 @@ function SystemMonitor() {
                         {t('system-monitor:computeCapability')}
                       </span>
                       <span className="text-main-view-fg">
-                        {gpu.additional_information.compute_cap}
+                        {gpu.additional_information?.compute_cap || '-'}
                       </span>
                     </div>
                     <div className="mt-2">