@openmrs/esm-billing-app 1.0.2-pre.866 → 1.0.2-pre.873

package/src/billable-services/dashboard/service-metrics.component.tsx

@@ -1,49 +0,0 @@
-import React, { useMemo } from 'react';
-import { InlineLoading } from '@carbon/react';
-import { useTranslation } from 'react-i18next';
-import { ErrorState } from '@openmrs/esm-patient-common-lib';
-import { getCoreTranslation } from '@openmrs/esm-framework';
-import { useBillableServices } from '../billable-service.resource';
-import Card from '../../metrics-cards/card.component';
-import styles from '../../metrics-cards/metrics-cards.scss';
-
-export default function ServiceMetrics() {
-  const { t } = useTranslation();
-  const { isLoading, error } = useBillableServices();
-
-  const cards = useMemo(
-    () => [
-      { title: 'Cash Revenue', count: '--' },
-      { title: 'Insurance Revenue', count: '--' },
-      { title: 'Pending Claims', count: '--' },
-    ],
-    [],
-  );
-
-  if (isLoading) {
-    return (
-      <section className={styles.container}>
-        <InlineLoading
-          status="active"
-          iconDescription={getCoreTranslation('loading')}
-          description={t('loadingServiceMetrics', 'Loading service metrics') + '...'}
-        />
-      </section>
-    );
-  }
-
-  if (error) {
-    return (
-      <div className={styles.errorContainer}>
-        <ErrorState headerTitle={t('serviceMetrics', 'Service Metrics')} error={error} />
-      </div>
-    );
-  }
-  return (
-    <section className={styles.container}>
-      {cards.map((card) => (
-        <Card key={card.title} title={card.title} count={card.count} />
-      ))}
-    </section>
-  );
-}