28 lines
862 B
TypeScript
28 lines
862 B
TypeScript
import { Button, Icon, DialogTrigger, Popover, Column, Label } from '@umami/react-zen';
|
|
import { TimezoneSetting } from '@/app/(main)/profile/TimezoneSetting';
|
|
import { DateRangeSetting } from '@/app/(main)/profile/DateRangeSetting';
|
|
import { Icons } from '@/components/icons';
|
|
import { useMessages } from '@/components/hooks';
|
|
|
|
export function SettingsButton() {
|
|
const { formatMessage, labels } = useMessages();
|
|
|
|
return (
|
|
<DialogTrigger>
|
|
<Button variant="quiet">
|
|
<Icon>
|
|
<Icons.Gear />
|
|
</Icon>
|
|
</Button>
|
|
<Popover placement="bottom end">
|
|
<Column gap="3">
|
|
<Label>{formatMessage(labels.timezone)}</Label>
|
|
<TimezoneSetting />
|
|
<Label>{formatMessage(labels.defaultDateRange)}</Label>
|
|
<DateRangeSetting />
|
|
</Column>
|
|
</Popover>
|
|
</DialogTrigger>
|
|
);
|
|
}
|