watson/umami
1
0
Fork 0
mirror of https://github.com/umami-software/umami.git synced 2026-02-07 06:07:17 +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

28
components/DateFilter.js
View file

@ -1,24 +1,18 @@
import React, { useState } from 'react';
import React from 'react';
import { getDateRange } from 'lib/date';
import DropDown from './DropDown';
const filterOptions = ['24hour', '7day', '30day', '60day', '90day'];
const filterOptions = [
{ label: 'Last 24 hours', value: '24hour' },
{ label: 'Last 7 days', value: '7day' },
{ label: 'Last 30 days', value: '30day' },
{ label: 'Last 90 days', value: '90day' },
];
export default function DateFilter({ onChange }) {
const [selected, setSelected] = useState('7day');
function handleChange(e) {
const value = e.target.value;
setSelected(value);
export default function DateFilter({ value, onChange }) {
function handleChange(value) {
onChange(getDateRange(value));
}
return (
<select value={selected} onChange={handleChange}>
{filterOptions.map(option => (
<option key={option} value={option}>
{option}
</option>
))}
</select>
);
return <DropDown value={value} options={filterOptions} onChange={handleChange} />;
}