83a2ddedd4
* Add React.emomo to some components * Linting * useCallback for callbacks * Additional useCallback impl.
19 lines
797 B
TypeScript
19 lines
797 B
TypeScript
// Copyright 2017-2020 @polkadot/react-hooks authors & contributors
|
|
// This software may be modified and distributed under the terms
|
|
// of the Apache-2.0 license. See the LICENSE file for details.
|
|
|
|
import { useCallback } from 'react';
|
|
|
|
import store from 'store';
|
|
import useApi from './useApi';
|
|
|
|
// create a chain-specific key for the local cache
|
|
export default function useCacheKey <T> (storageKeyBase: string): [(defaultValue?: T) => T | undefined, (value: T) => T] {
|
|
const { api, isDevelopment } = useApi();
|
|
const STORAGE_KEY = `${storageKeyBase}:${isDevelopment ? 'development' : api.genesisHash}`;
|
|
const getter = useCallback((): T | undefined => store.get(STORAGE_KEY), []);
|
|
const setter = useCallback((value: T): T => store.set(STORAGE_KEY, value), []);
|
|
|
|
return [getter, setter];
|
|
}
|