mirror of
https://github.com/Unleash/unleash.git
synced 2024-10-18 20:09:08 +02:00
33b5e4abac
* refactor: ensure that [hidden] overrides other display styles * refactor: use numeric font weights * refactor: remove unnecessary Jest mock * refactor: add a fullWidth prop to GeneralSelect * refactor: remove unnecessary label id prop * refactor: the showActive prop is optional * refactor: add hooks for managing query string state * refactor: add a hour/minute timestamp formatter * refactor: add labels to button icons * feat: add new feature metrics page * refactor: remove prev feature metrics page * refactor: use new metric boxes on overview page * refactor: lazy-load the new metrics page * refactor: fix type error when formatting unknown error * refactor: extract interfaces for props * refactor: destructure all props * refactor: expand arg names * refactor: reorg component dirs and files * refactor: improve chart element label * refactor: hide chart dots until hover * refactor: add section titles to environments/applications * refactor: simplify FeatureMetricsHours types * refactor: sort chart tooltip items * refactor: add more chart labels * refactor: always show a dot in single point charts * refactor: improve chart tooltip styles * refactor: adjut metric page spacing * refactor: decrease legend box size * refactor: move date fmt fn inline * refactor: improve chart legend styles * refactor: increase Cypress timeouts * refactor: sort environment and application chips * refactor: format files * refactor: use stable lists of apps and envs * refactor: fix FeatureMetrics dir name * refactor: avoid ScrollToTop on query string change * refactor: use ConditionallyRender instead of inline condition * refactor: use makeStyles instead of styled API
26 lines
765 B
TypeScript
26 lines
765 B
TypeScript
import { useCallback, useMemo } from 'react';
|
|
import { useHistory } from 'react-router-dom';
|
|
|
|
// Store a value in the query string. Call setState to update the query string.
|
|
export const useQueryStringState = (
|
|
key: string
|
|
): [string | undefined, (value: string) => void] => {
|
|
const { search } = window.location;
|
|
const { replace } = useHistory();
|
|
|
|
const params = useMemo(() => {
|
|
return new URLSearchParams(search);
|
|
}, [search]);
|
|
|
|
const setState = useCallback(
|
|
(value: string) => {
|
|
const next = new URLSearchParams(search);
|
|
next.set(key, value);
|
|
replace({ search: next.toString() });
|
|
},
|
|
[key, search, replace]
|
|
);
|
|
|
|
return [params.get(key) || undefined, setState];
|
|
};
|