github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 09:48:58 -04:00
Code Issues Projects Releases Packages Wiki Activity

[APM] Fix for default fields in correlations view (#91868) (#92090) (#92951)

Browse source 
* [APM] Fix for default fields in correlations view (#91868)

* removes useCallback hook

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Oliver Gupte 2021-03-01 14:04:28 -05:00 • committed by GitHub
parent fdefa62e05
commit e9c9a6365e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 20 deletions
Download patch file Download diff file Expand all files Collapse all files

42
x-pack/plugins/apm/public/hooks/useLocalStorage.ts
View file

@ -8,28 +8,10 @@
import { useState, useEffect } from 'react';
export function useLocalStorage<T>(key: string, defaultValue: T) {
const [item, setItem] = useState<T>(getFromStorage());
function getFromStorage() {
const storedItem = window.localStorage.getItem(key);
let toStore: T = defaultValue;
if (storedItem !== null) {
try {
toStore = JSON.parse(storedItem) as T;
} catch (err) {
window.localStorage.removeItem(key);
// eslint-disable-next-line no-console
console.log(`Unable to decode: ${key}`);
}
}
return toStore;
}
const [item, setItem] = useState<T>(getFromStorage(key, defaultValue));
const updateFromStorage = () => {
const storedItem = getFromStorage();
const storedItem = getFromStorage(key, defaultValue);
setItem(storedItem);
};
@ -51,5 +33,25 @@ export function useLocalStorage<T>(key: string, defaultValue: T) {
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
// item state must be updated with a new key or default value
useEffect(() => {
setItem(getFromStorage(key, defaultValue));
}, [key, defaultValue]);
return [item, saveToStorage] as const;
}
function getFromStorage<T>(keyName: string, defaultValue: T) {
const storedItem = window.localStorage.getItem(keyName);
if (storedItem !== null) {
try {
return JSON.parse(storedItem) as T;
} catch (err) {
window.localStorage.removeItem(keyName);
// eslint-disable-next-line no-console
console.log(`Unable to decode: ${keyName}`);
}
}
return defaultValue;
}