From a48128d4458567ccda67eebe9b51852f479ea626 Mon Sep 17 00:00:00 2001
From: bonamin <just_big_v@yahoo.com>
Date: Thu, 19 Feb 2026 07:03:24 +0200
Subject: [PATCH] Added tab switch on Issue click

---
 frontend/src/devices/DeviceDetail.jsx | 5 +++--
 frontend/src/equipment/NotesPanel.jsx | 8 ++++++--
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/frontend/src/devices/DeviceDetail.jsx b/frontend/src/devices/DeviceDetail.jsx
index 0a55a30..020bd1c 100644
--- a/frontend/src/devices/DeviceDetail.jsx
+++ b/frontend/src/devices/DeviceDetail.jsx
@@ -368,6 +368,7 @@ export default function DeviceDetail() {
   const notesRef = useRef(null);
   const [usersLoading, setUsersLoading] = useState(false);
   const [unresolvedIssues, setUnresolvedIssues] = useState(0);
+  const [notesPanelTab, setNotesPanelTab] = useState(null);
   const notesPanelRef = useRef(null);
 
   useEffect(() => {
@@ -954,7 +955,7 @@ export default function DeviceDetail() {
     </SectionCard>
   );
 
-  const notesSection = <div ref={notesPanelRef}><NotesPanel deviceId={id} /></div>;
+  const notesSection = <div ref={notesPanelRef}><NotesPanel deviceId={id} initialTab={notesPanelTab} /></div>;
   const logsSection = <DeviceLogsPanel deviceSerial={device.device_id} />;
 
   // ===== Layout rendering =====
@@ -1054,7 +1055,7 @@ export default function DeviceDetail() {
               <>
                 <div style={{ width: 1, height: 24, backgroundColor: "var(--border-primary)" }} />
                 <button
-                  onClick={() => notesPanelRef.current?.scrollIntoView({ behavior: "smooth", block: "start" })}
+                  onClick={() => { setNotesPanelTab("issues"); notesPanelRef.current?.scrollIntoView({ behavior: "smooth", block: "start" }); }}
                   className="flex items-center gap-1.5 px-2.5 py-1 text-xs font-medium rounded-md cursor-pointer hover:opacity-80 transition-opacity"
                   style={{ backgroundColor: "var(--danger-bg)", color: "var(--danger-text)", border: "none" }}
                 >
diff --git a/frontend/src/equipment/NotesPanel.jsx b/frontend/src/equipment/NotesPanel.jsx
index 094f9e2..ab7c090 100644
--- a/frontend/src/equipment/NotesPanel.jsx
+++ b/frontend/src/equipment/NotesPanel.jsx
@@ -38,7 +38,7 @@ const helpdeskTypeStyle = (type) => {
 
 const formatLabel = (s) => s ? s.replace(/_/g, " ").replace(/\b\w/g, c => c.toUpperCase()) : "";
 
-export default function NotesPanel({ deviceId, userId }) {
+export default function NotesPanel({ deviceId, userId, initialTab }) {
   const [notes, setNotes] = useState([]);
   const [helpdeskMessages, setHelpdeskMessages] = useState([]);
   const [loading, setLoading] = useState(true);
@@ -49,7 +49,11 @@ export default function NotesPanel({ deviceId, userId }) {
   const [content, setContent] = useState("");
   const [category, setCategory] = useState("general");
   const [saving, setSaving] = useState(false);
-  const [activeTab, setActiveTab] = useState("notes");
+  const [activeTab, setActiveTab] = useState(initialTab || "notes");
+
+  useEffect(() => {
+    if (initialTab) setActiveTab(initialTab);
+  }, [initialTab]);
   const navigate = useNavigate();
   const { hasPermission } = useAuth();
   const canEdit = hasPermission("equipment", "edit");