From 0d1fef53e5d80876417132c2a69734b3b6662c41 Mon Sep 17 00:00:00 2001
From: admin <cloud@tck.com.my>
Date: Fri, 13 Mar 2026 11:29:56 +0800
Subject: [PATCH] fix(logo): Use img tag for SVG instead of React component

---
 sample_interface/src/app/components/Header.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/sample_interface/src/app/components/Header.tsx b/sample_interface/src/app/components/Header.tsx
index df0d33b40..3fe1c337b 100644
--- a/sample_interface/src/app/components/Header.tsx
+++ b/sample_interface/src/app/components/Header.tsx
@@ -4,7 +4,7 @@ import { useSensorStore } from "../stores/sensorStore";
 import { VoltageDisplay } from "./VoltageDisplay";
 import { BatteryStatus } from "./BatteryStatus";
 import { LoginIndicator } from "./LoginIndicator";
-import TCKLogo from "../../../../logo/tck_logo.svg?react";
+import TCKLogo from "../../../../logo/tck_logo.svg";
 
 export function Header() {
   const [currentTime, setCurrentTime] = useState(new Date());
@@ -38,9 +38,7 @@ export function Header() {
     <div className="bg-gray-950 border-b border-gray-700 px-2 py-1 flex items-center gap-2 text-xs">
       {/* Logo */}
       <div className="flex items-center gap-1">
-        <div className="w-6 h-6">
-          <TCKLogo className="w-full h-full" />
-        </div>
+        <img src={TCKLogo} alt="TCK" className="w-6 h-6" />
         <span className="text-white font-semibold">RTU</span>
       </div>