Remove the dependency of gettting patient uuid from the URL

openmrs · Oct 29, 2024 · aa5c953 · aa5c953
1 parent f8937d4
commit aa5c953
Show file tree

Hide file tree

Showing 12 changed files with 40 additions and 23 deletions.
diff --git a/packages/esm-patient-medications-app/src/add-drug-order/add-drug-order.workspace.tsx b/packages/esm-patient-medications-app/src/add-drug-order/add-drug-order.workspace.tsx
@@ -25,6 +25,7 @@ export default function AddDrugOrderWorkspace({
   closeWorkspace,
   closeWorkspaceWithSavedChanges,
   promptBeforeClosing,
+  patientUuid,
 }: AddDrugOrderWorkspace) {
   const { t } = useTranslation();
   const isTablet = useLayoutType() === 'tablet';
@@ -89,7 +90,7 @@ export default function AddDrugOrderWorkspace({
             </Button>
           </div>
         )}
-        <DrugSearch openOrderForm={openOrderForm} />
+        <DrugSearch patientUuid={patientUuid} openOrderForm={openOrderForm} />
       </>
     );
   } else {
@@ -99,6 +100,7 @@ export default function AddDrugOrderWorkspace({
         onSave={saveDrugOrder}
         onCancel={cancelDrugOrder}
         promptBeforeClosing={promptBeforeClosing}
+        patientUuid={patientUuid}
       />
     );
   }

diff --git a/packages/esm-patient-medications-app/src/add-drug-order/drug-order-form.component.tsx b/packages/esm-patient-medications-app/src/add-drug-order/drug-order-form.component.tsx
@@ -57,6 +57,7 @@ export interface DrugOrderFormProps {
   onSave: (finalizedOrder: DrugOrderBasketItem) => void;
   onCancel: () => void;
   promptBeforeClosing: (testFcn: () => boolean) => void;
+  patientUuid: string;
 }
 
 const createMedicationOrderFormSchema = (requireOutpatientQuantity: boolean, t: TFunction) => {
@@ -215,7 +216,13 @@ function InputWrapper({ children }) {
   );
 }
 
-export function DrugOrderForm({ initialOrderBasketItem, onSave, onCancel, promptBeforeClosing }: DrugOrderFormProps) {
+export function DrugOrderForm({
+  initialOrderBasketItem,
+  onSave,
+  onCancel,
+  promptBeforeClosing,
+  patientUuid,
+}: DrugOrderFormProps) {
   const { t } = useTranslation();
   const config = useConfig<ConfigObject>();
   const isTablet = useLayoutType() === 'tablet';
@@ -354,7 +361,7 @@ export function DrugOrderForm({ initialOrderBasketItem, onSave, onCancel, prompt
   }, []);
 
   const [showStickyMedicationHeader, setShowMedicationHeader] = useState(false);
-  const { patient, isLoading: isLoadingPatientDetails } = usePatient();
+  const { patient, isLoading: isLoadingPatientDetails } = usePatient(patientUuid);
   const patientName = patient ? getPatientName(patient) : '';
   const { maxDispenseDurationInDays } = useConfig<ConfigObject>();
 

diff --git a/...ages/esm-patient-medications-app/src/add-drug-order/drug-search/drug-search.component.tsx b/...ages/esm-patient-medications-app/src/add-drug-order/drug-search/drug-search.component.tsx
@@ -10,9 +10,10 @@ import styles from './order-basket-search.scss';
 
 export interface DrugSearchProps {
   openOrderForm: (searchResult: DrugOrderBasketItem) => void;
+  patientUuid: string;
 }
 
-export default function DrugSearch({ openOrderForm }: DrugSearchProps) {
+export default function DrugSearch({ openOrderForm, patientUuid }: DrugSearchProps) {
   const { t } = useTranslation();
   const isTablet = useLayoutType() === 'tablet';
   const [searchTerm, setSearchTerm] = useState('');
@@ -51,6 +52,7 @@ export default function DrugSearch({ openOrderForm }: DrugSearchProps) {
         searchTerm={debouncedSearchTerm}
         openOrderForm={openOrderForm}
         focusAndClearSearchInput={focusAndClearSearchInput}
+        patientUuid={patientUuid}
       />
       {isTablet && (
         <div className={styles.separatorContainer}>

diff --git a/...-medications-app/src/add-drug-order/drug-search/order-basket-search-results.component.tsx b/...-medications-app/src/add-drug-order/drug-search/order-basket-search-results.component.tsx
@@ -29,17 +29,20 @@ export interface OrderBasketSearchResultsProps {
   searchTerm: string;
   openOrderForm: (searchResult: DrugOrderBasketItem) => void;
   focusAndClearSearchInput: () => void;
+  patientUuid: string;
 }
 
 interface DrugSearchResultItemProps {
   drug: DrugSearchResult;
   openOrderForm: (searchResult: DrugOrderBasketItem) => void;
+  patientUuid: string;
 }
 
 export default function OrderBasketSearchResults({
   searchTerm,
   openOrderForm,
   focusAndClearSearchInput,
+  patientUuid,
 }: OrderBasketSearchResultsProps) {
   const { t } = useTranslation();
   const isTablet = useLayoutType() === 'tablet';
@@ -105,17 +108,18 @@ export default function OrderBasketSearchResults({
         </Button>
       </div>
       <div className={styles.resultsContainer}>
-        {drugs?.map((drug) => <DrugSearchResultItem key={drug.uuid} drug={drug} openOrderForm={openOrderForm} />)}
+        {drugs?.map((drug) => (
+          <DrugSearchResultItem key={drug.uuid} drug={drug} openOrderForm={openOrderForm} patientUuid={patientUuid} />
+        ))}
       </div>
     </div>
   );
 }
 
-const DrugSearchResultItem: React.FC<DrugSearchResultItemProps> = ({ drug, openOrderForm }) => {
+const DrugSearchResultItem: React.FC<DrugSearchResultItemProps> = ({ drug, openOrderForm, patientUuid }) => {
   const isTablet = useLayoutType() === 'tablet';
   const { orders, setOrders } = useOrderBasket<DrugOrderBasketItem>('medications', prepMedicationOrderPostData);
-  const patient = usePatient();
-  const { data: activeOrders, isLoading: isLoadingActiveOrders } = usePatientOrders(patient.patientUuid, 'ACTIVE');
+  const { data: activeOrders, isLoading: isLoadingActiveOrders } = usePatientOrders(patientUuid, 'ACTIVE');
   const drugAlreadyInBasket = useMemo(
     () => orders?.some((order) => ordersEqual(order, getTemplateOrderBasketItem(drug))),
     [orders, drug],

diff --git a/packages/esm-patient-tests-app/src/lab-orders/add-lab-order/add-lab-order.workspace.tsx b/packages/esm-patient-tests-app/src/lab-orders/add-lab-order/add-lab-order.workspace.tsx
@@ -34,10 +34,11 @@ export default function AddLabOrderWorkspace({
   closeWorkspace,
   closeWorkspaceWithSavedChanges,
   promptBeforeClosing,
+  patientUuid,
 }: AddLabOrderWorkspace) {
   const { t } = useTranslation();
   const isTablet = useLayoutType() === 'tablet';
-  const { patient, isLoading: isLoadingPatient, patientUuid } = usePatient();
+  const { patient, isLoading: isLoadingPatient } = usePatient(patientUuid);
   const [currentLabOrder, setCurrentLabOrder] = useState(initialOrder as LabOrderBasketItem);
 
   const patientName = patient ? getPatientName(patient) : '';

diff --git a/packages/esm-patient-tests-app/src/test-results/grouped-timeline/useObstreeData.ts b/packages/esm-patient-tests-app/src/test-results/grouped-timeline/useObstreeData.ts
@@ -42,8 +42,7 @@ const augmentObstreeData = (node: ObsTreeNode, prefix: string | undefined) => {
   return { ...outData } as ObsTreeNode;
 };
 
-const useGetObstreeData = (conceptUuid: string) => {
-  const { patientUuid } = usePatient();
+const useGetObstreeData = (patientUuid: string, conceptUuid: string) => {
   const response = useSWR<FetchResponse<ObsTreeNode>, Error>(
     `${restBaseUrl}/obstree?patient=${patientUuid}&concept=${conceptUuid}`,
     openmrsFetch,
@@ -64,8 +63,7 @@ const useGetObstreeData = (conceptUuid: string) => {
   return result;
 };
 
-const useGetManyObstreeData = (uuidArray: Array<string>) => {
-  const { patientUuid } = usePatient();
+const useGetManyObstreeData = (patientUuid: string, uuidArray: Array<string>) => {
   const getObstreeUrl = (index: number) => {
     if (index < uuidArray.length && patientUuid) {
       return `${restBaseUrl}/obstree?patient=${patientUuid}&concept=${uuidArray[index]}`;

diff --git a/packages/esm-patient-tests-app/src/test-results/panel-view/panel-view.component.tsx b/packages/esm-patient-tests-app/src/test-results/panel-view/panel-view.component.tsx
@@ -33,7 +33,7 @@ const PanelView: React.FC<PanelViewProps> = ({ expanded, testUuid, basePath, typ
   const layout = useLayoutType();
   const isTablet = layout === 'tablet';
   const trendlineView = testUuid && type === 'trendline';
-  const { panels, isLoading, groupedObservations } = usePanelData();
+  const { panels, isLoading, groupedObservations } = usePanelData(patientUuid);
   const [searchTerm, setSearchTerm] = useState('');
   const [activePanel, setActivePanel] = useState<ObsRecord>(null);
 

diff --git a/packages/esm-patient-tests-app/src/test-results/panel-view/usePanelData.tsx b/packages/esm-patient-tests-app/src/test-results/panel-view/usePanelData.tsx
@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo } from 'react';
-import { type FetchResponse, openmrsFetch, usePatient, restBaseUrl } from '@openmrs/esm-framework';
+import { type FetchResponse, openmrsFetch, restBaseUrl } from '@openmrs/esm-framework';
 import useSWRInfinite from 'swr/infinite';
 import { extractMetaInformation, getConceptUuid } from './helper';
 import {
@@ -10,8 +10,7 @@ import {
   type ObsRecord,
 } from '../../types';
 
-export function useObservations() {
-  const { patientUuid } = usePatient();
+export function useObservations(patientUuid: string) {
   const getUrl = useCallback(
     (pageIndex: number, prevPageData: FetchResponse<FhirResponse<FHIRObservationResource>>) => {
       if (prevPageData && !prevPageData?.data?.link.some(({ relation }) => relation === 'next')) {
@@ -93,8 +92,12 @@ function useConcepts(conceptUuids: Array<string>) {
   return results;
 }
 
-export default function usePanelData() {
-  const { observations: fhirObservations, conceptUuids, isLoading: isLoadingObservations } = useObservations();
+export default function usePanelData(patientUuid: string) {
+  const {
+    observations: fhirObservations,
+    conceptUuids,
+    isLoading: isLoadingObservations,
+  } = useObservations(patientUuid);
   const { concepts } = useConcepts(conceptUuids);
 
   const conceptData: Record<string, ConceptMeta> = useMemo(

diff --git a/packages/esm-patient-tests-app/src/test-results/print-modal/print-modal.extension.tsx b/packages/esm-patient-tests-app/src/test-results/print-modal/print-modal.extension.tsx
@@ -38,7 +38,7 @@ function PrintModal({ patientUuid, closeDialog }) {
   const { t } = useTranslation();
   const isTablet = useLayoutType() === 'tablet';
   const session = useSession();
-  const { panels } = usePanelData();
+  const { panels } = usePanelData(patientUuid);
   const printContainerRef = useRef(null);
   const [selectedFromDate, setSelectedFromDate] = useState(null);
   const [selectedToDate, setSelectedToDate] = useState(null);

diff --git a/packages/esm-patient-tests-app/src/test-results/results-viewer/results-viewer.extension.tsx b/packages/esm-patient-tests-app/src/test-results/results-viewer/results-viewer.extension.tsx
@@ -33,7 +33,7 @@ const RoutedResultsViewer: React.FC<ResultsViewerProps> = ({ basePath, patientUu
   const { t } = useTranslation();
   const config = useConfig<ConfigObject>();
   const conceptUuids = config.resultsViewerConcepts.map((concept) => concept.conceptUuid) ?? [];
-  const { roots, isLoading, error } = useGetManyObstreeData(conceptUuids);
+  const { roots, isLoading, error } = useGetManyObstreeData(patientUuid, conceptUuids);
 
   if (error) {
     return <ErrorState error={error} headerTitle={t('dataLoadError', 'Data Load Error')} />;

diff --git a/packages/esm-patient-tests-app/src/test-results/tree-view/tree-view-wrapper.component.tsx b/packages/esm-patient-tests-app/src/test-results/tree-view/tree-view-wrapper.component.tsx
@@ -20,7 +20,7 @@ const TreeViewWrapper: React.FC<TreeViewWrapperProps> = (props) => {
   const { t } = useTranslation();
   const config = useConfig();
   const conceptUuids = config?.resultsViewerConcepts?.map((c) => c.conceptUuid) ?? [];
-  const { roots, isLoading, error } = useGetManyObstreeData(conceptUuids);
+  const { roots, isLoading, error } = useGetManyObstreeData(props.patientUuid, conceptUuids);
 
   if (error) return <ErrorState error={error} headerTitle={t('dataLoadError', 'Data load error')} />;
 

diff --git a/packages/esm-patient-tests-app/src/test-results/tree-view/tree-view.component.tsx b/packages/esm-patient-tests-app/src/test-results/tree-view/tree-view.component.tsx
@@ -73,7 +73,7 @@ const TreeView: React.FC<TreeViewProps> = ({ patientUuid, basePath, testUuid, is
   const { t } = useTranslation();
 
   const { timelineData, resetTree, someChecked } = useContext(FilterContext);
-  const { panels, isLoading: isLoadingPanelData, groupedObservations } = usePanelData();
+  const { panels, isLoading: isLoadingPanelData, groupedObservations } = usePanelData(patientUuid);
 
   if (tablet) {
     return (