Lint fixes.

src/components/common/FilterButtons.tsx

@@ -1,5 +1,5 @@
 import { Key } from 'react';
-import { Row, Button, Flexbox } from '@umami/react-zen';
+import { Text, Row, Button, Flexbox } from '@umami/react-zen';
 
 export interface FilterButtonsProps {
   items: any[];
@@ -12,7 +12,9 @@ export function FilterButtons({ items, selectedKey, onSelect }: FilterButtonsPro
     <Flexbox justifyContent="center">
       <Row>
         {items.map(({ key, label }) => (
-          <Button key={key}>{label}</Button>
+          <Button key={key} onPress={() => onSelect(key)}>
+            <Text weight={key === selectedKey ? 'bold' : undefined}>{label}</Text>
+          </Button>
         ))}
       </Row>
     </Flexbox>

src/components/input/DateFilter.tsx

@@ -1,20 +1,10 @@
 import { useState, Key } from 'react';
-import {
-  Icon,
-  Modal,
-  Select,
-  Text,
-  Block,
-  Row,
-  ListItem,
-  ListSeparator,
-  Dialog,
-} from '@umami/react-zen';
+import { Icon, Modal, Select, Text, Row, ListItem, ListSeparator, Dialog } from '@umami/react-zen';
 import { endOfYear, isSameDay } from 'date-fns';
 import { DatePickerForm } from '@/components/metrics/DatePickerForm';
 import { useLocale, useMessages } from '@/components/hooks';
 import { Icons } from '@/components/icons';
-import { formatDate, parseDateValue } from '@/lib/date';
+import { formatDate } from '@/lib/date';
 import styles from './DateFilter.module.css';
 import classNames from 'classnames';
 
@@ -41,7 +31,6 @@ export function DateFilter({
 }: DateFilterProps) {
   const { formatMessage, labels } = useMessages();
   const [showPicker, setShowPicker] = useState(false);
-  const { locale } = useLocale();
 
   const options = [
     { label: formatMessage(labels.today), value: '0day' },
@@ -108,6 +97,7 @@ export function DateFilter({
     onChange(value.toString());
   };
 
+  /*
   const handleClose = () => setShowPicker(false);
 
   const renderValue = (value: string) => {
@@ -133,9 +123,7 @@ export function DateFilter({
     }
 
     return options.find(e => e.value === value)?.label;
-  };
-
-  console.log({ showPicker });
+  };*/
 
   return (
     <>

src/components/input/WebsiteDateFilter.tsx

@@ -1,4 +1,4 @@
-import { useDateRange, useLocale } from '@/components/hooks';
+import { useDateRange } from '@/components/hooks';
 import { isAfter } from 'date-fns';
 import { getOffsetDateRange } from '@/lib/date';
 import { Button, Icon, Icons } from '@umami/react-zen';
@@ -13,7 +13,6 @@ export function WebsiteDateFilter({
   websiteId: string;
   showAllTime?: boolean;
 }) {
-  const { dir } = useLocale();
   const { dateRange, saveDateRange } = useDateRange(websiteId);
   const { value, startDate, endDate, offset } = dateRange;
   const disableForward =

src/components/input/WebsiteSelect.tsx

@@ -1,7 +1,6 @@
 import { useState, Key } from 'react';
 import { Select, ListItem } from '@umami/react-zen';
-import { useWebsite, useWebsites, useMessages } from '@/components/hooks';
-import { Empty } from '@/components/common/Empty';
+import { useWebsites, useMessages } from '@/components/hooks';
 
 export function WebsiteSelect({
   websiteId,
@@ -12,18 +11,12 @@ export function WebsiteSelect({
   teamId?: string;
   onSelect?: (key: any) => void;
 }) {
-  const { formatMessage, labels, messages } = useMessages();
+  const { formatMessage, labels } = useMessages();
   const [search, setSearch] = useState('');
   const [selectedId, setSelectedId] = useState<Key>(websiteId);
 
-  const { data: website } = useWebsite(selectedId as string);
-
   const queryResult = useWebsites({ teamId }, { search, pageSize: 5 });
 
-  const renderEmpty = () => {
-    return <Empty message={formatMessage(messages.noResultsFound)} />;
-  };
-
   const handleSelect = (value: any) => {
     setSelectedId(value);
     onSelect?.(value);

src/components/metrics/DatePickerForm.tsx

@@ -19,7 +19,7 @@ export function DatePickerForm({
   );
   const [singleDate, setSingleDate] = useState(defaultStartDate || new Date());
   const [startDate, setStartDate] = useState(defaultStartDate || new Date());
-  const [endDate, setEndDate] = useState(defaultEndDate || new Date());
+  const [endDate] = useState(defaultEndDate || new Date());
   const { formatMessage, labels } = useMessages();
 
   const disabled =
@@ -35,8 +35,6 @@ export function DatePickerForm({
     }
   };
 
-  console.log({ minDate, maxDate, singleDate, startDate, endDate, disabled });
-
   return (
     <div className={styles.container}>
       <div className={styles.filter}>