Update encounter routes to always be sub-route of patient and update …

…related navigates to include patient ID
ohcnetwork · Feb 19, 2025 · 218e316 · 218e316
1 parent fa57650
commit 218e316
Show file tree

Hide file tree

Showing 9 changed files with 29 additions and 25 deletions.
diff --git a/public/locale/en.json b/public/locale/en.json
@@ -2374,6 +2374,7 @@
   "view_consultation_and_log_updates": "View Consultation / Log Updates",
   "view_dashboard": "View Dashboard",
   "view_details": "View Details",
+  "view_encounter": "View Encounter",
   "view_facility": "View Facility",
   "view_files": "View Files",
   "view_patient": "View Patient",

diff --git a/src/Routers/routes/ConsultationRoutes.tsx b/src/Routers/routes/ConsultationRoutes.tsx
@@ -19,30 +19,29 @@ const consultationRoutes: AppRoutes = {
     ({ facilityId, encounterId }) => (
       <TreatmentSummary facilityId={facilityId} encounterId={encounterId} />
     ),
-  "/facility/:facilityId/encounter/:encounterId/:tab": ({
-    facilityId,
-    encounterId,
-    tab,
-  }) => (
-    <EncounterShow
-      facilityId={facilityId}
-      encounterId={encounterId}
-      tab={tab}
-    />
-  ),
-  "/facility/:facilityId/encounter/:encounterId/:tab/:subPage": ({
+  "/facility/:facilityId/patient/:patientId/encounter/:encounterId/:tab": ({
     facilityId,
+    patientId,
     encounterId,
     tab,
-    subPage,
   }) => (
     <EncounterShow
       facilityId={facilityId}
+      patientId={patientId}
       encounterId={encounterId}
       tab={tab}
-      subPage={subPage}
     />
   ),
+  "/facility/:facilityId/patient/:patientId/encounter/:encounterId/:tab/:subPage":
+    ({ facilityId, encounterId, patientId, tab, subPage }) => (
+      <EncounterShow
+        facilityId={facilityId}
+        patientId={patientId}
+        encounterId={encounterId}
+        tab={tab}
+        subPage={subPage}
+      />
+    ),
   "/facility/:facilityId/patient/:patientId/consultation": ({
     facilityId,
     patientId,

diff --git a/src/components/Encounter/CreateEncounterForm.tsx b/src/components/Encounter/CreateEncounterForm.tsx
@@ -154,7 +154,9 @@ export default function CreateEncounterForm({
       form.reset();
       queryClient.invalidateQueries({ queryKey: ["encounters", patientId] });
       onSuccess?.();
-      navigate(`/facility/${facilityId}/encounter/${data.id}/updates`);
+      navigate(
+        `/facility/${facilityId}/patient/${patientId}/encounter/${data.id}/updates`,
+      );
     },
     onError: (error) => {
       const errorData = error.cause as { errors: { msg: string[] } };

diff --git a/src/components/Facility/EncounterCard.tsx b/src/components/Facility/EncounterCard.tsx
@@ -92,15 +92,15 @@ export const EncounterCard = (props: EncounterCardProps) => {
         </div>
 
         <Link
-          href={`/facility/${encounter.facility.id}/encounter/${encounter.id}/updates`}
+          href={`/facility/${encounter.facility.id}/patient/${encounter.patient.id}/encounter/${encounter.id}/updates`}
           className={cn(
             buttonVariants({ variant: "secondary" }),
             "mt-2 shadow-none border border-secondary-300",
             !encounter.period.start && "pointer-events-none opacity-50",
           )}
         >
           <CareIcon icon="l-plus-circle" />
-          {t("View Encounter")}
+          {t("view_encounter")}
         </Link>
       </div>
     </>

diff --git a/src/components/Files/FilesTab.tsx b/src/components/Files/FilesTab.tsx
@@ -655,15 +655,15 @@ export const FilesTab = (props: FilesTabProps) => {
           <TabsTrigger value="all" asChild>
             <Link
               className="text-gray-600"
-              href={`/facility/${encounter?.facility.id}/encounter/${encounter?.id}/files/all`}
+              href={`/facility/${encounter?.facility.id}/patient/${patientId}/encounter/${encounter?.id}/files/all`}
             >
               {t("all")}
             </Link>
           </TabsTrigger>
           <TabsTrigger value="discharge_summary" asChild>
             <Link
               className="text-gray-600"
-              href={`/facility/${encounter?.facility.id}/encounter/${encounter?.id}/files/discharge_summary`}
+              href={`/facility/${encounter?.facility.id}/patient/${patientId}/encounter/${encounter?.id}/files/discharge_summary`}
             >
               {t("discharge_summary")}
             </Link>

diff --git a/src/components/Patient/EncounterQuestionnaire.tsx b/src/components/Patient/EncounterQuestionnaire.tsx
@@ -37,7 +37,7 @@ export default function EncounterQuestionnaire({
             onSubmit={() => {
               if (encounterId) {
                 navigate(
-                  `/facility/${facilityId}/encounter/${encounterId}/updates`,
+                  `/facility/${facilityId}/patient/${patientId}/encounter/${encounterId}/updates`,
                 );
               } else {
                 navigate(`/patient/${patientId}/updates`);

diff --git a/src/components/Patient/PatientInfoCard.tsx b/src/components/Patient/PatientInfoCard.tsx
@@ -464,7 +464,7 @@ export default function PatientInfoCard(props: PatientInfoCardProps) {
                     </DropdownMenuItem>
                     <DropdownMenuItem asChild>
                       <Link
-                        href={`/facility/${encounter.facility.id}/encounter/${encounter.id}/files/discharge_summary`}
+                        href={`/facility/${encounter.facility.id}/patient/${patient.id}/encounter/${encounter.id}/files/discharge_summary`}
                         className="cursor-pointer text-gray-800"
                       >
                         {t("discharge_summary")}

diff --git a/src/pages/Encounters/EncounterList.tsx b/src/pages/Encounters/EncounterList.tsx
@@ -721,7 +721,7 @@ export function EncounterList({
                       </div>
                       <Separator className="my-2" />
                       <Link
-                        href={`/facility/${facilityId}/encounter/${encounter.id}/updates`}
+                        href={`/facility/${facilityId}/patient/${encounter.patient.id}/encounter/${encounter.id}/updates`}
                         className="text-sm text-primary hover:underline text-right flex items-center justify-end group-hover:translate-x-1 transition-transform"
                       >
                         View Details

diff --git a/src/pages/Encounters/EncounterShow.tsx b/src/pages/Encounters/EncounterShow.tsx
@@ -42,14 +42,15 @@ const defaultTabs = {
 } as Record<string, React.FC<EncounterTabProps>>;
 
 interface Props {
-  encounterId: string;
   facilityId: string;
+  patientId: string;
+  encounterId: string;
   tab?: string;
   subPage?: string;
 }
 
 export const EncounterShow = (props: Props) => {
-  const { facilityId, encounterId, subPage } = props;
+  const { facilityId, encounterId, patientId, subPage } = props;
   const { t } = useTranslation();
   const pluginTabs = useCareAppConsultationTabs();
 
@@ -64,6 +65,7 @@ export const EncounterShow = (props: Props) => {
       pathParams: { id: encounterId },
       queryParams: {
         facility: facilityId,
+        patient: patientId,
       },
     }),
     enabled: !!encounterId,
@@ -169,7 +171,7 @@ export const EncounterShow = (props: Props) => {
                   <Link
                     key={tab}
                     className={tabButtonClasses(props.tab === tab)}
-                    href={`/facility/${facilityId}/encounter/${encounterData.id}/${tab}`}
+                    href={`/facility/${facilityId}/patient/${patientId}/encounter/${encounterData.id}/${tab}`}
                   >
                     {t(`ENCOUNTER_TAB__${tab}`)}
                   </Link>