Updated hooks. Changed url, host to path, hostname.

This commit is contained in:
Mike Cao 2025-06-20 22:35:02 -07:00
parent 25a9c011b3
commit 543674c7f2
146 changed files with 23348 additions and 2533 deletions

View file

@ -7,16 +7,16 @@ import { isSearchOperator } from '@/lib/params';
export function FilterBar() {
const { formatMessage, labels } = useMessages();
const { formatValue } = useFormat();
const { router, renderUrl } = useNavigation();
const { router, updateParams } = useNavigation();
const { filters, operatorLabels } = useFilters();
const handleCloseFilter = (param: string, e: MouseEvent) => {
e.stopPropagation();
router.push(renderUrl({ [param]: undefined }));
router.push(updateParams({ [param]: undefined }));
};
const handleResetFilter = () => {
router.push(renderUrl(false));
router.push(updateParams());
};
if (!filters.length) {
@ -24,7 +24,7 @@ export function FilterBar() {
}
return (
<Row gap alignItems="center" justifyContent="space-between" padding backgroundColor="3">
<Row gap alignItems="center" justifyContent="space-between" padding="2" backgroundColor="3">
<Row alignItems="center" gap="2" wrap="wrap">
{Object.keys(filters).map(key => {
const filter = filters[key];

View file

@ -12,7 +12,6 @@ import { isAfter } from 'date-fns';
import { Chevron, Close, Compare } from '@/components/icons';
import { useDateRange, useMessages, useNavigation } from '@/components/hooks';
import { getOffsetDateRange } from '@/lib/date';
import { DateRange } from '@/lib/types';
import { DateFilter } from './DateFilter';
export function WebsiteDateFilter({
@ -32,7 +31,7 @@ export function WebsiteDateFilter({
const { formatMessage, labels } = useMessages();
const {
router,
renderUrl,
updateParams,
query: { compare },
} = useNavigation();
const isAllTime = value === 'all';
@ -40,22 +39,22 @@ export function WebsiteDateFilter({
const disableForward = value === 'all' || isAfter(endDate, new Date());
const handleChange = (date: string | DateRange) => {
router.push(renderUrl({ date }));
const handleChange = (date: string) => {
router.push(updateParams({ date }));
saveDateRange(date);
};
const handleIncrement = (increment: number) => {
router.push(renderUrl({ offset: offset + increment }));
router.push(updateParams({ offset: offset + increment }));
saveDateRange(getOffsetDateRange(dateRange, increment));
};
const handleSelect = (compare: any) => {
router.push(renderUrl({ compare }));
router.push(updateParams({ compare }));
};
const handleCompare = () => {
router.push(renderUrl({ compare: compare ? undefined : 'prev' }));
router.push(updateParams({ compare: compare ? undefined : 'prev' }));
};
return (