Sticky metrics header. CSS updates.

This commit is contained in:
Mike Cao 2020-08-01 21:20:52 -07:00
parent a65f637df2
commit 9c5762b8a2
16 changed files with 193 additions and 104 deletions

View file

@ -1,9 +1,10 @@
import React, { useState, useRef, useEffect, useCallback } from 'react';
import classNames from 'classnames';
import ChartJS from 'chart.js';
import { format } from 'date-fns';
import styles from './PageviewsChart.module.css';
export default function PageviewsChart({ data, unit, children }) {
export default function PageviewsChart({ data, unit, className, children }) {
const canvas = useRef();
const chart = useRef();
const [tooltip, setTooltip] = useState({});
@ -138,7 +139,7 @@ export default function PageviewsChart({ data, unit, children }) {
}, [data]);
return (
<div className={styles.chart}>
<div className={classNames(styles.chart, className)}>
<canvas ref={canvas} width={960} height={400} />
<Tootip {...tooltip} />
{children}