funnel checkpoint

This commit is contained in:
Brian Cao 2023-05-15 14:03:42 -07:00
parent ebc8cb488a
commit b5f84159d2
8 changed files with 21 additions and 12 deletions

View file

@ -2,6 +2,8 @@ import FunnelGraph from 'funnel-graph-js/dist/js/funnel-graph';
import { useEffect, useRef } from 'react';
import EmptyPlaceholder from 'components/common/EmptyPlaceholder';
import useMessages from 'hooks/useMessages';
import styles from './FunnelChart.module.css';
import classNames from 'classnames';
export default function FunnelChart({ data }) {
const { formatMessage, labels, messages } = useMessages();
@ -33,7 +35,7 @@ export default function FunnelChart({ data }) {
return (
<>
{data?.length > 0 && <div className="funnel" ref={funnel} />}
{data?.length > 0 && <div className={classNames(styles.funnel, 'funnel')} ref={funnel} />}
{data?.length === 0 && <EmptyPlaceholder message={formatMessage(messages.noResultsFound)} />}
</>
);