7e6e935ed3
- add new fields to support this - when free: - fade out all event types after first - hide events after first on booking page - make booking page after the first one 404 if accessed directly - add e2e tests
31 lines
567 B
TypeScript
31 lines
567 B
TypeScript
import { useRouter } from "next/router";
|
|
import { useMemo } from "react";
|
|
|
|
export function useToggleQuery(name: string) {
|
|
const router = useRouter();
|
|
|
|
const hrefOff = useMemo(() => {
|
|
const query = {
|
|
...router.query,
|
|
};
|
|
delete query[name];
|
|
return {
|
|
query,
|
|
};
|
|
}, [router.query, name]);
|
|
const hrefOn = useMemo(() => {
|
|
const query = {
|
|
...router.query,
|
|
[name]: "1",
|
|
};
|
|
return {
|
|
query,
|
|
};
|
|
}, [router.query, name]);
|
|
|
|
return {
|
|
hrefOn,
|
|
hrefOff,
|
|
isOn: router.query[name] === "1",
|
|
};
|
|
}
|