mirror of https://github.com/portainer/portainer
47 lines
1004 B
TypeScript
47 lines
1004 B
TypeScript
import { useState, useCallback, useMemo } from 'react';
|
|
|
|
const localStoragePrefix = 'portainer';
|
|
|
|
export function keyBuilder(key: string) {
|
|
return `${localStoragePrefix}.${key}`;
|
|
}
|
|
|
|
export function useLocalStorage<T>(
|
|
key: string,
|
|
defaultValue: T,
|
|
storage = localStorage
|
|
): [T, (value: T) => void] {
|
|
const [value, setValue] = useState(get<T>(key, defaultValue, storage));
|
|
|
|
const handleChange = useCallback(
|
|
(value) => {
|
|
setValue(value);
|
|
set<T>(key, value, storage);
|
|
},
|
|
[key, storage]
|
|
);
|
|
|
|
return useMemo(() => [value, handleChange], [value, handleChange]);
|
|
}
|
|
|
|
export function get<T>(
|
|
key: string,
|
|
defaultValue: T,
|
|
storage = localStorage
|
|
): T {
|
|
const value = storage.getItem(keyBuilder(key));
|
|
if (!value) {
|
|
return defaultValue;
|
|
}
|
|
|
|
try {
|
|
return JSON.parse(value);
|
|
} catch (e) {
|
|
return defaultValue;
|
|
}
|
|
}
|
|
|
|
export function set<T>(key: string, value: T, storage = localStorage) {
|
|
storage.setItem(keyBuilder(key), JSON.stringify(value));
|
|
}
|