Updated settings components and date filter.

This commit is contained in:
Mike Cao 2023-01-11 08:33:43 -08:00
parent 4b5b4db108
commit 9d967fb0fe
23 changed files with 33 additions and 67 deletions

View file

@ -1,4 +1,4 @@
import { Dropdown, Item, Button } from 'react-basics';
import { Dropdown, Item, Button, Flexbox } from 'react-basics';
import { useIntl, defineMessages } from 'react-intl';
import { listTimeZones } from 'timezone-support';
import useTimezone from 'hooks/useTimezone';
@ -13,16 +13,14 @@ export default function TimezoneSetting() {
const [timezone, saveTimezone] = useTimezone();
const options = listTimeZones();
function handleReset() {
saveTimezone(getTimezone());
}
const handleReset = () => saveTimezone(getTimezone());
return (
<>
<Flexbox width={400} gap={10}>
<Dropdown items={options} value={timezone} onChange={saveTimezone}>
{item => <Item key={item}>{item}</Item>}
</Dropdown>
<Button onClick={handleReset}>{formatMessage(messages.reset)}</Button>
</>
</Flexbox>
);
}