8413655092

Committed 25 Mar 2024 01:18AM CUT coverage: 95.504% (+0.002%) from 95.502%

Build # 8413655092

Build Type

push

github

Committed by

web-flow

Commit Message

Fix Page Input No Result Display and Query Missing on Refresh (#139)

Run Details

494 of 599 branches covered (82.47%)

Branch coverage included in aggregate %.

10 of 10 new or added lines in 4 files covered. (100.0%)

6388 of 6607 relevant lines covered (96.69%)

20.33 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

72.22

/apps/web/src/hooks/useQueryParams.tsx

import { usePathname, useRouter, useSearchParams } from "next/navigation";
import { useCallback, useMemo } from "react";

export type UseQueryParamsReturn = {
    query: string;
    updateQueryParams: (value: string) => void;
};

export const useQueryParams = (): UseQueryParamsReturn => {
    const searchParams = useSearchParams();
    const router = useRouter();
    const pathName = usePathname();
    const urlSearchParams = new URLSearchParams(searchParams);
    const query = urlSearchParams.get("query") ?? "";
    const updateQueryParams = useCallback(
        (value: string): void => {
            const urlSearchParams = new URLSearchParams(searchParams);
            if (value) {
                urlSearchParams.set("query", value);
            } else {
                urlSearchParams.delete("query");
            }
            router.push(`${pathName}?${urlSearchParams.toString()}`, {
                scroll: false,
            });
        },
        [searchParams, router, pathName],
    );
    return useMemo(
        () => ({ query, updateQueryParams }),
        [query, updateQueryParams],
    );
};

1	import { usePathname, useRouter, useSearchParams } from "next/navigation";	1✔
2	import { useCallback, useMemo } from "react";	1✔
3		1✔
4	export type UseQueryParamsReturn = {	1✔
5	query: string;	1✔
6	updateQueryParams: (value: string) => void;	1✔
7	};	1✔
8		1✔
9	export const useQueryParams = (): UseQueryParamsReturn => {	1✔
10	const searchParams = useSearchParams();	2✔
11	const router = useRouter();	2✔
12	const pathName = usePathname();	2✔
13	const urlSearchParams = new URLSearchParams(searchParams);	2✔
14	const query = urlSearchParams.get("query") ?? "";	2✔
15	const updateQueryParams = useCallback(	2✔
16	(value: string): void => {	2✔
17	const urlSearchParams = new URLSearchParams(searchParams);	×
18	if (value) {	×
19	urlSearchParams.set("query", value);	×
20	} else {	×
21	urlSearchParams.delete("query");	×
22	}	×
23	router.push(`${pathName}?${urlSearchParams.toString()}`, {	×
24	scroll: false,	×
25	});	×
26	},	×
27	[searchParams, router, pathName],	2✔
28	);	2✔
29	return useMemo(	2✔
30	() => ({ query, updateQueryParams }),	2✔
31	[query, updateQueryParams],	2✔
32	);	2✔
33	};	2✔

cartesi / rollups-explorer / 8413655092

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous