@kenyaemr/esm-patient-list-management-app 8.1.1-pre.114 → 8.1.1-pre.118

package/src/header/header.component.tsx

@@ -1,52 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-import { Button } from '@carbon/react';
-import { Add, Calendar } from '@carbon/react/icons';
-import { formatDate, navigate } from '@openmrs/esm-framework';
-import Illustration from '../illo.component';
-import styles from './header.scss';
-
-const Header: React.FC = () => {
-  const { t } = useTranslation();
-  const newCohortUrl = window.getOpenmrsSpaBase() + 'home/patient-lists?new_cohort=true';
-
-  const handleShowNewListOverlay = () => {
-    // URL navigation is in place to know either to open the create list overlay or not
-    // The url /patient-list?new_cohort=true is being used in the "Add patient to list" widget
-    // in the patient chart. The button in the above mentioned widget "Create new list", navigates
-    // to /patient-list?new_cohort=true to open the overlay directly.
-    navigate({
-      to: newCohortUrl,
-    });
-  };
-
-  return (
-    <div className={styles.patientListHeader}>
-      <div className={styles.leftJustifiedItems}>
-        <Illustration />
-        <div className={styles.pageLabels}>
-          <p>{t('patientLists', 'Patient lists')}</p>
-          <p className={styles.pageName}>{t('home', 'Home')}</p>
-        </div>
-      </div>
-      <div className={styles.rightJustifiedItems}>
-        <div className={styles.date}>
-          <Calendar size={16} />
-          <span className={styles.value}>{formatDate(new Date(), { mode: 'standard' })}</span>
-        </div>
-        <Button
-          className={styles.newListButton}
-          data-openmrs-role="New List"
-          kind="ghost"
-          iconDescription="Add"
-          renderIcon={(props) => <Add {...props} size={16} />}
-          onClick={handleShowNewListOverlay}
-          size="sm">
-          {t('newList', 'New list')}
-        </Button>
-      </div>
-    </div>
-  );
-};
-
-export default Header;

package/src/illo.component.tsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-
-const Illustration: React.FC = () => {
-  const { t } = useTranslation();
-
-  return (
-    <svg width="92" height="94" viewBox="0 0 92 94" xmlns="http://www.w3.org/2000/svg">
-      <title>{t('emptyStateIllustration', 'Empty state illustration')}</title>
-      <g fill="none" fillRule="evenodd">
-        <path fill="#FFF" d="M0 0h92v94H0z" />
-        <path
-          d="M40 32c.84-.602 1.12-1.797 1-3 .12-5.005-3.96-9-9-9s-9.12 3.995-9 9c-.12 3.572 2.1 6.706 5 8-6.76 1.741-12 7.91-12 15v15h28V32h-4zM76 67V52c0-7.09-5.24-13.278-12-15 2.9-1.294 5.12-4.428 5-8 .12-5.005-3.96-9-9-9s-9.12 3.995-9 9c-.12 1.203.14 2.398 1 3h-4v35h28z"
-          fill="#CEE6E5"
-        />
-        <path
-          d="M32 75V60.312c0-7.402 5.24-13.59 12.3-15.216-3.2-1.39-5.42-4.523-5.42-8.166 0-4.935 4.08-8.93 9.12-8.93 5.04 0 9.12 3.995 9.12 8.93 0 3.642-2.22 6.776-5.42 8.166C58.76 46.741 64 52.91 64 60.313V75"
-          fill="#7BBCB9"
-        />
-      </g>
-    </svg>
-  );
-};
-
-export default Illustration;