added the draft feature in the doctor's notes (#6932)

* added the draft feature in the doctor's note section * added the draft feature in the doctor's note section * made the draft specific to consultation * Update src/Components/Facility/PatientNotesSlideover.tsx made it consultation specific Co-authored-by: Rithvik Nishad <[email protected]> --------- Co-authored-by: Rithvik Nishad <[email protected]>
ohcnetwork · Jan 4, 2024 · 15fd7fe · 15fd7fe
1 parent f066a36
commit 15fd7fe
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/Components/Facility/PatientNotesSlideover.tsx b/src/Components/Facility/PatientNotesSlideover.tsx
@@ -23,7 +23,6 @@ interface PatientNotesProps {
 export default function PatientNotesSlideover(props: PatientNotesProps) {
   const [show, setShow] = useState(true);
   const [patientActive, setPatientActive] = useState(true);
-  const [noteField, setNoteField] = useState("");
   const [reload, setReload] = useState(false);
   const [focused, setFocused] = useState(false);
 
@@ -37,6 +36,11 @@ export default function PatientNotesSlideover(props: PatientNotesProps) {
   const { facilityId, patientId, consultationId, setShowPatientNotesPopup } =
     props;
 
+  const localStorageKey = `patientNotesNoteField_${consultationId}`;
+  const [noteField, setNoteField] = useState(
+    localStorage.getItem(localStorageKey) || ""
+  );
+
   const onAddNote = async () => {
     const payload = {
       note: noteField,
@@ -127,6 +131,10 @@ export default function PatientNotesSlideover(props: PatientNotesProps) {
     </div>
   );
 
+  useEffect(() => {
+    localStorage.setItem(localStorageKey, noteField);
+  }, [noteField, localStorageKey]);
+
   return (
     <div
       className={classNames(