Changeset 9af201e for frontend/src/pages/procedures/ProcedureList.js

Timestamp:

09/04/26 19:08:08 (11 days ago)

Author:

MBK <marija.karapandzova@…>

Branches:

master

Children:

cdcff72

Parents:

e1f74f6

Message:

Fix frontend appearance

File:

• frontend/src/pages/procedures/ProcedureList.js (modified) (5 diffs)

frontend/src/pages/procedures/ProcedureList.js

@@ -6 +6 @@
 
 function ProcedureList() {
+  const [user, setUser] = useState({});
   const [patient, setPatient] = useState(null);
   const [embg, setEmbg] = useState('');
@@ -22 +23 @@
     notes: '',
   });
+
+  // Load user from localStorage and listen for changes
+  useEffect(() => {
+    const loadUser = () => {
+      const userStr = localStorage.getItem('user');
+      console.log('[ProcedureList] Loading user from localStorage:', userStr);
+      if (userStr) {
+        try {
+          const parsedUser = JSON.parse(userStr);
+          console.log('[ProcedureList] Parsed user:', parsedUser);
+          setUser(parsedUser);
+        } catch (err) {
+          console.error('Failed to parse user:', err);
+          setUser({});
+        }
+      } else {
+        console.log('[ProcedureList] No user in localStorage');
+        setUser({});
+      }
+    };
+
+    console.log('[ProcedureList] useEffect running - loading user');
+    loadUser();
+
+    // Listen for storage changes (other tabs/windows)
+    window.addEventListener('storage', loadUser);
+
+    // Listen for custom event (same tab changes)
+    window.addEventListener('userStorageChange', loadUser);
+
+    return () => {
+      window.removeEventListener('storage', loadUser);
+      window.removeEventListener('userStorageChange', loadUser);
+    };
+  }, []);
 
   const handleSearch = async (e) => {
@@ -97 +133 @@
       setLoading(true);
 
-      // Get doctor ID from localStorage (set during login)
-      const doctorId = localStorage.getItem('doctorId') || 1;
+      // Get doctor ID from logged-in user
+      const doctorId = user.doctorId;
 
       const request = {
@@ -108 +144 @@
       };
 
-      console.log('Sending request:', request);
+      console.log('User object:', user);
+      console.log('Sending procedure request with doctorId:', doctorId, 'Full request:', request);
       await procedureService.recordProcedure(request);
 
@@ -313 +350 @@
 
           {/* No procedures message */}
-          {!performedProcedures || (performedProcedures.length === 0 && !procedureResults?.length) && (
+          {(!performedProcedures || performedProcedures.length === 0) && !procedureResults?.length && (
             <div className="bg-blue-50 rounded-lg p-6 text-center">
               <p className="text-gray-600">No procedures for this patient</p>