@openmrs/esm-reports-app 4.4.1-pre.897 → 4.4.1-pre.906

package/src/components/reports.scss

@@ -38,6 +38,33 @@
   background-color: white;
 }
 
+.header {
+  background-color: colors.$white;
+  border-bottom: 1px solid colors.$gray-20;
+  margin-bottom: layout.$spacing-05;
+}
+
+.content {
+  padding: 0 layout.$spacing-07 layout.$spacing-07;
+}
+
+.page {
+  padding: 0 layout.$spacing-07 layout.$spacing-07;
+}
+
+.actionsRow {
+  text-align: right;
+  margin-bottom: layout.$spacing-03;
+
+  .mainActionButtonsDiv {
+    height: auto;
+  }
+
+  .mainActionButton {
+    margin-top: 0;
+  }
+}
+
 .actionsContainer {
   display: flex;
   flex-wrap: wrap;
@@ -68,10 +95,6 @@
   display: none;
 }
 
-.breadcrumb {
-  margin-top: calc(-1 * layout.$spacing-07);
-}
-
 .rowCellEven {
   background-color: colors.$white !important;
 }

package/src/components/scheduled-overview.component.tsx

@@ -12,7 +12,7 @@ import {
   TableHeader,
   TableRow,
 } from '@carbon/react';
-import { ExtensionSlot, isDesktop, useLayoutType, usePagination } from '@openmrs/esm-framework';
+import { isDesktop, useLayoutType, usePagination } from '@openmrs/esm-framework';
 import { useScheduledReports } from './reports.resource';
 import Overlay from './overlay.component';
 import ScheduledOverviewCellContent from './scheduled-overview-cell-content.component';
@@ -54,8 +54,7 @@ const ScheduledOverviewComponent: React.FC = () => {
   );
 
   return (
-    <div>
-      <ExtensionSlot name="breadcrumbs-slot" className={styles.breadcrumb} />
+    <div className={styles.page}>
       <div className={styles.mainPanelDiv}>
         <div className={styles.reportsLabelDiv}>
           <h3>{t('scheduledReports', 'Scheduld Reports')}</h3>

package/src/index.ts

@@ -1,6 +1,5 @@
-import { defineConfigSchema, getAsyncLifecycle, registerBreadcrumbs } from '@openmrs/esm-framework';
-import { getFixedT } from 'i18next';
-import { basePath, moduleName } from './constants';
+import { defineConfigSchema, getAsyncLifecycle } from '@openmrs/esm-framework';
+import { moduleName } from './constants';
 import { configSchema } from './config-schema';
 
 const options = {
@@ -11,34 +10,6 @@ const options = {
 export const importTranslation = require.context('../translations', false, /.json$/, 'lazy');
 
 export function startupApp() {
-  const t = getFixedT(undefined, moduleName);
-
-  registerBreadcrumbs([
-    {
-      title: 'Home',
-      path: `${window.getOpenmrsSpaBase().slice(0, -1)}${basePath}`,
-    },
-    {
-      path: `${window.getOpenmrsSpaBase()}system-administration`,
-      title: () => Promise.resolve(t('systemAdmin', 'System Administration')),
-      parent: `${window.getOpenmrsSpaBase()}home`,
-    },
-    {
-      title: () => Promise.resolve(t('reports', 'Reports')),
-      path: `${window.getOpenmrsSpaBase()}reports`,
-      parent: `${window.getOpenmrsSpaBase()}system-administration`,
-    },
-    {
-      title: () => Promise.resolve(t('scheduledReports', 'Scheduled Reports')),
-      path: `${window.getOpenmrsSpaBase()}reports/scheduled-overview`,
-      parent: `${window.getOpenmrsSpaBase()}reports`,
-    },
-    {
-      title: () => Promise.resolve(t('reportsDataOverview', 'Reports Data Overview')),
-      path: `${window.getOpenmrsSpaBase()}reports/reports-data-overview`,
-      parent: `${window.getOpenmrsSpaBase()}reports`,
-    },
-  ]);
   defineConfigSchema(moduleName, configSchema);
 }
 

package/src/root.scss

@@ -1,5 +1,5 @@
 @use '@carbon/layout';
 
 .container {
-  padding: layout.$spacing-07;
+  min-height: 100%;
 }