Index: frontend/src/pages/medical-reports/MedicalReportList.js =================================================================== --- frontend/src/pages/medical-reports/MedicalReportList.js (revision d30d82041a2812a401511ea2aadede496a8eeb01) +++ frontend/src/pages/medical-reports/MedicalReportList.js (revision d30d82041a2812a401511ea2aadede496a8eeb01) @@ -0,0 +1,451 @@ +import React, { useState, useEffect } from 'react'; +import { medicalReportService } from '../../services/medicalReportService'; +import { patientService } from '../../services/patientService'; +import { doctorService } from '../../services/doctorService'; +import { medicalRecordService } from '../../services/medicalRecordService'; +import { medicalItemsService } from '../../services/medicalItemsService'; +import ErrorAlert from '../../components/ErrorAlert'; +import SuccessAlert from '../../components/SuccessAlert'; + +function MedicalReportList() { + const [reports, setReports] = useState([]); + const [doctors, setDoctors] = useState([]); + const [selectedReport, setSelectedReport] = useState(null); + const [error, setError] = useState(null); + const [success, setSuccess] = useState(null); + const [searchEmbg, setSearchEmbg] = useState(''); + const [searchedPatient, setSearchedPatient] = useState(null); + const [showCreateForm, setShowCreateForm] = useState(false); + const [loading, setLoading] = useState(false); + + const [availableDiagnoses, setAvailableDiagnoses] = useState([]); + const [availablePrescriptions, setAvailablePrescriptions] = useState([]); + const [availableAllergies, setAvailableAllergies] = useState([]); + const [availableSymptoms, setAvailableSymptoms] = useState([]); + + const [selectedDiagnosisIds, setSelectedDiagnosisIds] = useState(new Set()); + const [selectedPrescriptionIds, setSelectedPrescriptionIds] = useState(new Set()); + const [selectedAllergyIds, setSelectedAllergyIds] = useState(new Set()); + const [selectedSymptomIds, setSelectedSymptomIds] = useState(new Set()); + + const user = JSON.parse(localStorage.getItem('user') || '{}'); + const isDoctor = user.role === 'DOCTOR'; + + const [formData, setFormData] = useState({ + doctorId: isDoctor ? user.doctorId : '', + description: '', + reportDate: new Date().toISOString().split('T')[0], + }); + + useEffect(() => { + if (!isDoctor) { + loadDoctors(); + } + }, [isDoctor]); + + const loadDoctors = async () => { + try { + const res = await doctorService.getAllDoctors(); + setDoctors(res.data); + } catch (err) { + console.error('Error loading doctors:', err); + } + }; + + const handleSearch = async (e) => { + e.preventDefault(); + setError(null); + setLoading(true); + + try { + if (!searchEmbg.trim()) { + setError('Please enter a patient EMBG'); + setLoading(false); + return; + } + + const patientRes = await patientService.getPatientByEmbg(searchEmbg); + setSearchedPatient(patientRes.data); + + const medicalRecordRes = await medicalRecordService.getMedicalRecordByPatientId(patientRes.data.patientId); + const medicalRecordId = medicalRecordRes.data.recordId; + const patientId = patientRes.data.patientId; + + const reportsRes = await medicalReportService.getReportsForMedicalRecord(medicalRecordId); + setReports(Array.isArray(reportsRes.data) ? reportsRes.data : [reportsRes.data]); + + // Fetch available medical items + try { + const diagnosesRes = await medicalItemsService.getDiagnosesForPatient(patientId); + setAvailableDiagnoses(diagnosesRes.data || []); + } catch (err) { + console.error('Error loading diagnoses:', err); + setAvailableDiagnoses([]); + } + + try { + const prescriptionsRes = await medicalItemsService.getPrescriptionsForMedicalRecord(medicalRecordId); + setAvailablePrescriptions(prescriptionsRes.data || []); + } catch (err) { + console.error('Error loading prescriptions:', err); + setAvailablePrescriptions([]); + } + + try { + const allergiesRes = await medicalItemsService.getAllergiesForMedicalRecord(medicalRecordId); + setAvailableAllergies(allergiesRes.data || []); + } catch (err) { + console.error('Error loading allergies:', err); + setAvailableAllergies([]); + } + + try { + const symptomsRes = await medicalItemsService.getSymptomsForMedicalRecord(medicalRecordId); + setAvailableSymptoms(symptomsRes.data || []); + } catch (err) { + console.error('Error loading symptoms:', err); + setAvailableSymptoms([]); + } + + setSelectedReport(null); + setSelectedDiagnosisIds(new Set()); + setSelectedPrescriptionIds(new Set()); + setSelectedAllergyIds(new Set()); + setSelectedSymptomIds(new Set()); + } catch (err) { + setError('Patient not found or no reports available'); + setReports([]); + setSearchedPatient(null); + setAvailableDiagnoses([]); + setAvailablePrescriptions([]); + setAvailableAllergies([]); + setAvailableSymptoms([]); + } finally { + setLoading(false); + } + }; + + const handleCreateReport = async (e) => { + e.preventDefault(); + setError(null); + + try { + if (!formData.doctorId || !formData.description || !formData.reportDate) { + setError('Please fill in all required fields'); + return; + } + + if (!searchedPatient) { + setError('Please search for a patient first'); + return; + } + + const medicalRecordRes = await medicalRecordService.getMedicalRecordByPatientId(searchedPatient.patientId); + + const reportData = { + doctorId: parseInt(formData.doctorId), + medicalRecordId: medicalRecordRes.data.recordId, + description: formData.description, + reportDate: formData.reportDate, + selectedDiagnosisIds: Array.from(selectedDiagnosisIds), + selectedPrescriptionIds: Array.from(selectedPrescriptionIds), + selectedAllergyIds: Array.from(selectedAllergyIds), + selectedSymptomIds: Array.from(selectedSymptomIds), + }; + + const newReport = await medicalReportService.createReport(reportData); + setSuccess('Medical report created successfully!'); + setReports([...reports, newReport.data]); + setFormData({ + doctorId: '', + description: '', + reportDate: new Date().toISOString().split('T')[0], + }); + setShowCreateForm(false); + setSelectedReport(newReport.data); + } catch (err) { + setError(err.response?.data?.error || 'Failed to create medical report'); + } + }; + + const handleFormChange = (e) => { + const { name, value } = e.target; + setFormData(prev => ({ + ...prev, + [name]: value + })); + }; + + const toggleDiagnosisSelection = (diagnosisId) => { + setSelectedDiagnosisIds(prev => { + const newSet = new Set(prev); + if (newSet.has(diagnosisId)) { + newSet.delete(diagnosisId); + } else { + newSet.add(diagnosisId); + } + return newSet; + }); + }; + + const togglePrescriptionSelection = (prescriptionId) => { + setSelectedPrescriptionIds(prev => { + const newSet = new Set(prev); + if (newSet.has(prescriptionId)) { + newSet.delete(prescriptionId); + } else { + newSet.add(prescriptionId); + } + return newSet; + }); + }; + + const toggleAllergySelection = (allergyId) => { + setSelectedAllergyIds(prev => { + const newSet = new Set(prev); + if (newSet.has(allergyId)) { + newSet.delete(allergyId); + } else { + newSet.add(allergyId); + } + return newSet; + }); + }; + + const toggleSymptomSelection = (symptomId) => { + setSelectedSymptomIds(prev => { + const newSet = new Set(prev); + if (newSet.has(symptomId)) { + newSet.delete(symptomId); + } else { + newSet.add(symptomId); + } + return newSet; + }); + }; + + return ( +
+

Medical Reports

+ + {error && setError(null)} />} + {success && setSuccess(null)} />} + + {/* Search Patient Form */} +
+

Search Patient by EMBG

+
+ setSearchEmbg(e.target.value)} + placeholder="Enter patient EMBG" + className="flex-1 px-4 py-2 border rounded-lg" + /> + +
+
+ + {/* Create Report Button */} + {searchedPatient && ( +
+ +
+ )} + + {/* Create Report Form */} + {showCreateForm && searchedPatient && ( +
+

Create Medical Report

+

+ Patient: {searchedPatient.firstName} {searchedPatient.lastName} ({searchedPatient.embg}) +

+
+ {isDoctor ? ( +
+ +

+ Dr. {user.firstName} {user.lastName} +

+
+ ) : ( +
+ + +
+ )} + +
+ + +
+ +
+ +