From e20b78896684af563aaa66381fc9b418a4e1e144 Mon Sep 17 00:00:00 2001
From: Josh Hawkins <32435876+hawkeye217@users.noreply.github.com>
Date: Thu, 20 Nov 2025 17:26:53 -0600
Subject: [PATCH] fix npu graph

---
 web/src/views/system/GeneralMetrics.tsx | 47 +++++++++++++------------
 1 file changed, 24 insertions(+), 23 deletions(-)

diff --git a/web/src/views/system/GeneralMetrics.tsx b/web/src/views/system/GeneralMetrics.tsx
index 8bf5aa86b..b7fb08e79 100644
--- a/web/src/views/system/GeneralMetrics.tsx
+++ b/web/src/views/system/GeneralMetrics.tsx
@@ -729,29 +729,30 @@ export default function GeneralMetrics({
                   ) : (
                     <Skeleton className="aspect-video w-full" />
                   )}
-                </>
-              )}
-              {statsHistory[0]?.npu_usages && (
-                <>
-                  {statsHistory.length != 0 ? (
-                    <div className="rounded-lg bg-background_alt p-2.5 md:rounded-2xl">
-                      <div className="mb-5">
-                        {t("general.hardwareInfo.npuUsage")}
-                      </div>
-                      {npuSeries.map((series) => (
-                        <ThresholdBarGraph
-                          key={series.name}
-                          graphId={`${series.name}-npu`}
-                          name={series.name}
-                          unit="%"
-                          threshold={GPUUsageThreshold}
-                          updateTimes={updateTimes}
-                          data={[series]}
-                        />
-                      ))}
-                    </div>
-                  ) : (
-                    <Skeleton className="aspect-video w-full" />
+
+                  {statsHistory[0]?.npu_usages && (
+                    <>
+                      {statsHistory.length != 0 ? (
+                        <div className="rounded-lg bg-background_alt p-2.5 md:rounded-2xl">
+                          <div className="mb-5">
+                            {t("general.hardwareInfo.npuUsage")}
+                          </div>
+                          {npuSeries.map((series) => (
+                            <ThresholdBarGraph
+                              key={series.name}
+                              graphId={`${series.name}-npu`}
+                              name={series.name}
+                              unit="%"
+                              threshold={GPUUsageThreshold}
+                              updateTimes={updateTimes}
+                              data={[series]}
+                            />
+                          ))}
+                        </div>
+                      ) : (
+                        <Skeleton className="aspect-video w-full" />
+                      )}
+                    </>
                   )}
                 </>
               )}