OHRI-2117 Add TPT program menu (#1781)

packages/esm-tb-app/src/dashboard.meta.tsx

@@ -59,6 +59,14 @@ export const tptPatientChartMeta = {
   isExpanded: false,
 };
 
+export const tptPatientSummaryMeta = {
+  slot: 'tpt-patient-summary-slot',
+  columns: 1,
+  title: 'Patient Summary',
+  path: 'tpt-patient-summary',
+  layoutMode: 'anchored',
+};
+
 export const tptProgramManagementDashboardMeta = {
   slot: 'tpt-program-management-summary-slot',
   columns: 1,

packages/esm-tb-app/src/index.ts

@@ -11,6 +11,7 @@ import {
   tbCasesDashboardMeta,
   tptProgramManagementDashboardMeta,
   tptPatientChartMeta,
+  tptPatientSummaryMeta,
 } from './dashboard.meta';
 import { configSchema } from './config-schema';
 import TBSummaryOverviewList from './views/patient-summary/tb-patient-summary.component';
@@ -20,6 +21,7 @@ import TbContactTracingList from './views/tb-contact-listing/tb-contact-list.com
 import TbSummaryTiles from './views/dashboard/summary-tiles/tb-summary-tiles.component';
 import TbHomePatientTabs from './views/dashboard/patient-list-tabs/tb-patient-list-tabs.component';
 import tptProgramManagementSummary from './views/tpt/program-management/tpt-program-management';
+import tptPatientSummary from './views/tpt/patient-summary/patient-summary.component';
 
 export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
 
@@ -89,6 +91,16 @@ export const tbDashboardTabs = getSyncLifecycle(TbHomePatientTabs, {
   moduleName,
 });
 
+
+export const tptPatientSummaryDashboardLink = getSyncLifecycle(
+  createDashboardLink({ ...tptPatientSummaryMeta, moduleName }),
+  options,
+);
+export const tptPatientSummaryDashboard = getSyncLifecycle(tptPatientSummary, {
+  featureName: 'tpt-patient-summary',
+  moduleName,
+});
+
 export const tptProgramManagementDashboardLink = getSyncLifecycle(
   createDashboardLink({ ...tptProgramManagementDashboardMeta, moduleName }),
   options,

packages/esm-tb-app/src/routes.json

@@ -74,6 +74,24 @@
       "component": "tbProgramManagementDashboard"
     },
 
+
+    {
+      "name": "tpt-patient-summary",
+      "slot": "ohri-tpt-slot",
+      "component": "tptPatientSummaryDashboardLink",
+      "meta": {
+        "slot": "tpt-patient-summary-slot",
+        "columns": 1,
+        "path": "tpt-patient-summary",
+        "layoutMode": "anchored"
+      }
+    },
+    {
+      "name": "tpt-patient-summary-ext",
+      "slot": "tpt-patient-summary-slot",
+      "component": "tptPatientSummaryDashboard"
+    },
+
     {
       "name": "tpt-program-management-summary",
       "slot": "ohri-tpt-slot",

packages/esm-tb-app/src/views/tpt/patient-summary/patient-summary.component.tsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { EmptyStateComingSoon } from '@ohri/openmrs-esm-ohri-commons-lib';
+
+interface TptPatientSummaryProps {
+  patientUuid: string;
+}
+
+const TptPatientSummary: React.FC<TptPatientSummaryProps> = ({ patientUuid }) => {
+  const { t } = useTranslation();
+
+  const headerTitle = t('patientSummary', 'Patient Summary');
+
+  return (
+    <>
+      <EmptyStateComingSoon displayText={headerTitle} headerTitle={headerTitle} />
+    </>
+  );
+};
+
+export default TptPatientSummary;

packages/esm-tb-app/translations/en.json

@@ -30,5 +30,6 @@
   "appointmentDate": "Appointment Date",
   "editFollowUpForm": "Edit TB Follow-up Form",
   "tptEnrolment": "TPT Enrolment", 
-  "tptTreatment": "TPT Treatment"
+  "tptTreatment": "TPT Treatment",
+  "patientSummary": "Patient Summary"
 }