Home page menu to have an option to access reports and dashboards (#1906)

* Home page menu to have an option to access reports and dashboards

* c

* update

* move the component to pmtc so that we dont have to create a new esm

* Update yarn.lock

* Update package.json

Author: lucyjemutai

packages/esm-ohri-pmtct-app/src/constants.ts

@@ -0,0 +1 @@
+export const ptrackerdashboardPath = `/openmrs/reportingui/reportsapp/home.page`;

packages/esm-ohri-pmtct-app/src/index.ts

@@ -18,6 +18,7 @@ import {
 import { configSchema } from './config-schema';
 import rootComponent from './root.component';
 import { createDashboardLink } from '@openmrs/esm-patient-common-lib';
+import ptrackerdashboardPath from './ptracker-reports/ptracker-report-app-menu-link.component';
 
 export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
 
@@ -64,10 +65,13 @@ export const mchSummaryDashboardLink = getSyncLifecycle(
   options,
 );
 
-export const mchSummaryDashboard = getAsyncLifecycle(() => import('./pmtct/patient-chart/mch-summary/mch-summary.component'), {
-  featureName: 'mch-summary',
-  moduleName,
-});
+export const mchSummaryDashboard = getAsyncLifecycle(
+  () => import('./pmtct/patient-chart/mch-summary/mch-summary.component'),
+  {
+    featureName: 'mch-summary',
+    moduleName,
+  },
+);
 
 export const maternalVisitsDashboardLink = getSyncLifecycle(
   createConditionalDashboardLink({ ...maternalVisitsDashboardMeta, moduleName }),
@@ -92,3 +96,5 @@ export const maternalChildDashboard = getSyncLifecycle(OHRIHome, {
   featureName: 'mother child health results dashboard',
   moduleName,
 });
+
+export const ptrackerReportNavLink = getSyncLifecycle(ptrackerdashboardPath, options);

packages/esm-ohri-pmtct-app/src/ptracker-reports/ptracker-report-app-menu-link.component.tsx

@@ -0,0 +1,12 @@
+import { ConfigurableLink } from '@openmrs/esm-framework';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { ptrackerdashboardPath } from '../constants';
+
+const PtrackerDashboardNavigation = () => {
+  const { t } = useTranslation();
+
+  return <ConfigurableLink to={ptrackerdashboardPath}>{t('ptrackerReports', 'PTracker Reports')}</ConfigurableLink>;
+};
+
+export default PtrackerDashboardNavigation;

packages/esm-ohri-pmtct-app/src/routes.json

@@ -77,6 +77,13 @@
       "name": "child-visits-summary-ext",
       "slot": "child-visits-summary-slot",
       "component": "childVisitsDashboard"
+    },
+    {
+      "name": "version-two-link",
+      "slot": "app-menu-slot",
+      "component": "ptrackerReportNavLink",
+      "online": true,
+      "offline": true
     }
   ]
 }

packages/esm-ohri-pmtct-app/translations/en.json

@@ -20,5 +20,6 @@
   "pTrackerId": "PTracker ID",
   "recentPregnancy": "Recent Pregnancy",
   "relationship": "Relationship",
-  "totalDeliveries": "# Total deliveries"
+  "totalDeliveries": "# Total deliveries",
+  "ptrackerReports": "PTracker Reports"
 }