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,7 +1,8 @@
import React, { useState, useEffect, useRef } from 'react';
import classNames from 'classnames';
import styles from './Dropdown.module.css';
export default function DropDown({ value, options = [], onChange }) {
export default function DropDown({ value, options = [], onChange, className }) {
const [showMenu, setShowMenu] = useState(false);
const ref = useRef();
@ -30,7 +31,7 @@ export default function DropDown({ value, options = [], onChange }) {
}, [ref]);
return (
<div ref={ref} className={styles.dropdown} onClick={handleShowMenu}>
<div ref={ref} className={classNames(styles.dropdown, className)} onClick={handleShowMenu}>
<div className={styles.value}>
{options.find(e => e.value === value).label}
<div className={styles.caret} />