Replace window.location.href with useNavigate() in PatientHistory.js to Avoid Hard Refresh

[BhanuPrakash2047]

Problem Statement:
Currently, the application uses window.location.href for navigation in the PatientHistory.js component, which causes a hard refresh (full page reload). This approach is inefficient and disrupts the Single Page Application (SPA) behavior, leading to a poor user experience.

Location to Update:

File: OpenELIS-Global-2/frontend/src/components/patient/PatientHistory.js
After redirection, the application uses the component: frontend/src/components/patient/resultsViewer/results-viewer.tsx

Proposed Solution:

Replace window.location.href with the useNavigate() hook provided by React Router v6. This will enable client-side navigation without triggering a hard refresh.

Advantages:

=>Avoid Hard Refresh: The application will no longer reload the entire page during navigation, improving performance and user experience.
=>SPA Behavior: Maintains the SPA architecture, ensuring a seamless and faster navigation experience.
=>No Side Effects: This change is isolated and does not impact other components or functionality.

[mozzy11]

Thanks @BhanuPrakash2047 .
Can you work on this ??

[BhanuPrakash2047]

Yes i can work this issue.

[mozzy11]

you can also look into other places where this isbeing used in the source code

[BhanuPrakash2047]

sure, i will look into remaining places and i will edit them in source code.