Use css variables.

This commit is contained in:
Mike Cao 2020-08-05 19:04:02 -07:00
parent 5d4ff5cfa4
commit a5930f1772
29 changed files with 131 additions and 85 deletions

View file

@ -20,7 +20,6 @@ export default function WebsiteChart({
const [data, setData] = useState();
const [dateRange, setDateRange] = useState(getDateRange(defaultDateRange));
const { startDate, endDate, unit, value } = dateRange;
const container = useRef();
const [pageviews, uniques] = useMemo(() => {
if (data) {
@ -54,11 +53,10 @@ export default function WebsiteChart({
}, [websiteId, startDate, endDate, unit]);
return (
<div ref={container}>
<>
<StickyHeader
className={classNames(styles.header, 'row')}
stickyClassName={styles.sticky}
stickyStyle={{ width: container?.current?.clientWidth }}
enabled={stickyHeader}
>
<MetricsBar
@ -87,6 +85,6 @@ export default function WebsiteChart({
)}
</CheckVisible>
</div>
</div>
</>
);
}