forked from RexSkz/json-diff-kit
-
Notifications
You must be signed in to change notification settings - Fork 0
/
initial-values.ts
37 lines (32 loc) · 1.01 KB
/
initial-values.ts
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
import React from 'react';
const getValue = () => {
const hash = window.location.hash ? window.location.hash.slice(1) : '';
const query = new URLSearchParams(hash);
return {
l: query.get('l') || '',
r: query.get('r') || '',
};
};
export const useInitialValues = () => {
const [initialValues, setInitialValues] = React.useState(getValue());
React.useEffect(() => {
const hashChange = () => {
const newValue = getValue();
if (initialValues.l !== newValue.l || initialValues.r !== newValue.r) {
setInitialValues(newValue);
}
};
window.addEventListener('hashchange', hashChange);
return () => {
window.removeEventListener('hashchange', hashChange);
};
}, []);
return initialValues;
};
export const updateInitialValues = (l: string, r: string) => {
const hash = window.location.hash ? window.location.hash.slice(1) : '';
const query = new URLSearchParams(hash);
query.set('l', l);
query.set('r', r);
window.location.hash = query.toString();
};