[C4GT] Redesign Doctor Notes

[Bhavik-ag]

Goal of the Project

CARE has a feature called Doctor Notes that enables keeping patient-specific notes. This project aims to remodel Doctor Notes in order to enhance both its visual appeal and use.

Features Implemented

1. Transforming the current separate page format of Patient Notes into a visually appealing chat pop-up

• For the implementation of infinite scroll we have used react-infinite-scroll-component package.

2. Option to expand the chat pop-up into a dedicated page

3. Generate notification on notes creation for all the relevant parties

• In addition to new patient notes in any consultation of a facility, a notification will be generated to inform all the doctors linked to the facility. For this a new notification event type PATIENT_NOTE_ADDED has been added. After that, we can generate notifications by using NotificationGenerator class in the perform_create method on the creation of a patient note.

4. Make patient notes consultation specific
5. Added Real-Time Notes Updates using webpush notifications

• When a new note is added by the doctor, a push notification is created using the send_webpush function.
• On the frontend side, using the useMessageListener hook we need to continuously listen to the notes push notification. On receiving a notification, we will reload the component to fetch new notes.

User Docs

How to use doctor notes?

To use it, go to the Patient tab, select the patient, and on the patient consultation page, click on 'Doctor note' located in the top right corner. A popup will appear at the bottom right corner of the screen. You can expand the popup by clicking on arrow button. You can then post your message or note.

To access the dedicated page, click on the window icon on the top bor on the patient note popup you will be redirected to the dedicate page.

Frontend PRs

• Optional backdrop in slideover component #5821
• Add patient notes pop-up on consultation page #5847
• Make Doctor notes Realtime #6149

Backend PRs

• add created_by_local_user_content field for patients notes care#1445
• made patient notes consultation specific care#1469
• Made doctor role as static attribute care#1507
• added webpush on notes creation care#1553