-
-
-
-
-
-
-
- {selected === FILTER_DAY && (
- setSingleDate(d.toDate('America/Los_Angeles'))}
- />
+
+
+
+ {formatMessage(labels.singleDay)}
+ {formatMessage(labels.dateRange)}
+
+
+
+ {selected.includes(FILTER_DAY) && (
+
)}
- {selected === FILTER_RANGE && (
- <>
+ {selected.includes(FILTER_RANGE) && (
+
setStartDate(d.toDate('America/Los_Angeles'))}
+ value={startDate}
+ minValue={minDate}
+ maxValue={endDate}
+ onChange={setStartDate}
/>
- >
+
+
)}
-
-
+
+
+
-
-
-
+
+
);
}
diff --git a/src/components/metrics/PagesTable.tsx b/src/components/metrics/PagesTable.tsx
index ebd7bddb..cf248d67 100644
--- a/src/components/metrics/PagesTable.tsx
+++ b/src/components/metrics/PagesTable.tsx
@@ -19,26 +19,26 @@ export function PagesTable({ allowFilter, ...props }: PagesTableProps) {
const { formatMessage, labels } = useMessages();
const { domain } = useContext(WebsiteContext);
- const handleSelect = (key: any) => {
- router.push(renderUrl({ view: key }));
+ const handleChange = (id: any) => {
+ router.push(renderUrl({ view: id }));
};
const buttons = [
{
+ id: 'url',
label: formatMessage(labels.path),
- key: 'url',
},
{
+ id: 'entry',
label: formatMessage(labels.entry),
- key: 'entry',
},
{
+ id: 'exit',
label: formatMessage(labels.exit),
- key: 'exit',
},
{
+ id: 'title',
label: formatMessage(labels.title),
- key: 'title',
},
];
@@ -66,7 +66,7 @@ export function PagesTable({ allowFilter, ...props }: PagesTableProps) {
dataFilter={emptyFilter}
renderLabel={renderLink}
>
- {allowFilter &&