1
0
mirror of https://github.com/kremalicious/umami.git synced 2024-12-24 10:16:19 +01:00
umami/components/charts/QuickButtons.js
2020-08-07 20:36:57 -07:00

32 lines
733 B
JavaScript

import React from 'react';
import classNames from 'classnames';
import Button from '../common/Button';
import { getDateRange } from 'lib/date';
import styles from './QuickButtons.module.css';
const options = {
'24hour': '24h',
'7day': '7d',
'30day': '30d',
};
export default function QuickButtons({ value, onChange }) {
function handleClick(value) {
onChange(getDateRange(value));
}
return (
<div className={styles.buttons}>
{Object.keys(options).map(key => (
<Button
key={key}
className={classNames(styles.button, { [styles.active]: value === key })}
onClick={() => handleClick(key)}
>
{options[key]}
</Button>
))}
</div>
);
}