Index: frontend/src/pages/procedures/ProcedureList.js
===================================================================
--- frontend/src/pages/procedures/ProcedureList.js	(revision f05de0502f3c7c6a4149420915249e784c827f57)
+++ frontend/src/pages/procedures/ProcedureList.js	(revision cdcff72e9765342b84a5e4b5d98ca5cb050a5500)
@@ -6,4 +6,5 @@
 
 function ProcedureList() {
+  const [user, setUser] = useState({});
   const [patient, setPatient] = useState(null);
   const [embg, setEmbg] = useState('');
@@ -22,4 +23,39 @@
     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,6 +133,6 @@
       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,5 +144,6 @@
       };
 
-      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,5 +350,5 @@
 
           {/* 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>
Index: frontend/src/pages/procedures/ProcedureResultForm.js
===================================================================
--- frontend/src/pages/procedures/ProcedureResultForm.js	(revision f05de0502f3c7c6a4149420915249e784c827f57)
+++ frontend/src/pages/procedures/ProcedureResultForm.js	(revision cdcff72e9765342b84a5e4b5d98ca5cb050a5500)
@@ -1,3 +1,3 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState } from 'react';
 import { useNavigate } from 'react-router-dom';
 import { procedureService } from '../../services/procedureService';