watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-05 21:27:20 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

DropDown component. Renamed files.

Browse source
This commit is contained in:
Mike Cao 2020-07-30 20:11:43 -07:00
parent ff4492ffb5
commit 9f112c8cc9
16 changed files with 149 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

9
components/QuickButtons.js
View file

@ -1,4 +1,4 @@
import React, { useState } from 'react';
import React from 'react';
import classNames from 'classnames';
import { getDateRange } from 'lib/date';
import styles from './QuickButtons.module.css';
@ -9,11 +9,8 @@ const options = {
'30day': '30d',
};
export default function QuickButtons({ onChange }) {
const [active, setActive] = useState('7day');
export default function QuickButtons({ value, onChange }) {
function handleClick(value) {
setActive(value);
onChange(getDateRange(value));
}
@ -22,7 +19,7 @@ export default function QuickButtons({ onChange }) {
{Object.keys(options).map(key => (
<div
key={key}
className={classNames(styles.button, { [styles.active]: active === key })}
className={classNames(styles.button, { [styles.active]: value === key })}
onClick={() => handleClick(key)}
>
{options[key]}