maartenvr98/Kliko
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

CS lib

Browse source
This commit is contained in:
Maarten 2024-08-08 14:22:35 +02:00
parent cec664c8d0
commit ff2320f08c
13 changed files with 297 additions and 297 deletions
Download patch file Download diff file Expand all files Collapse all files

94
lib/context/UseStorageState.tsx
View file

@ -2,66 +2,66 @@ import * as SecureStore from 'expo-secure-store';
import * as React from 'react';
import { Platform } from 'react-native';
type UseStateHook<T> = [[boolean, T | null], (value: T | null) => void];
type UseStateHook<T> = [ [ boolean, T | null ], (value: T | null) => void ];
function useAsyncState<T>(
initialValue: [boolean, T | null] = [true, null],
initialValue: [ boolean, T | null ] = [ true, null ],
): UseStateHook<T> {
return React.useReducer(
(state: [boolean, T | null], action: T | null = null): [boolean, T | null] => [false, action],
initialValue
) as UseStateHook<T>;
return React.useReducer(
(state: [ boolean, T | null ], action: T | null = null): [ boolean, T | null ] => [ false, action ],
initialValue
) as UseStateHook<T>;
}
export async function setStorageItemAsync(key: string, value: string | null) {
if (Platform.OS === 'web') {
try {
if (value === null) {
localStorage.removeItem(key);
} else {
localStorage.setItem(key, value);
}
} catch (e) {
console.error('Local storage is unavailable:', e);
}
} else {
if (value == null) {
await SecureStore.deleteItemAsync(key);
if (Platform.OS === 'web') {
try {
if (value === null) {
localStorage.removeItem( key );
} else {
localStorage.setItem( key, value );
}
} catch (e) {
console.error( 'Local storage is unavailable:', e );
}
} else {
await SecureStore.setItemAsync(key, value);
if (value == null) {
await SecureStore.deleteItemAsync( key );
} else {
await SecureStore.setItemAsync( key, value );
}
}
}
}
export function useStorageState(key: string): UseStateHook<string> {
// Public
const [state, setState] = useAsyncState<string>();
// Public
const [ state, setState ] = useAsyncState<string>();
// Get
React.useEffect(() => {
if (Platform.OS === 'web') {
try {
if (typeof localStorage !== 'undefined') {
setState(localStorage.getItem(key));
// Get
React.useEffect( () => {
if (Platform.OS === 'web') {
try {
if (typeof localStorage !== 'undefined') {
setState( localStorage.getItem( key ) );
}
} catch (e) {
console.error( 'Local storage is unavailable:', e );
}
} else {
SecureStore.getItemAsync( key ).then( (value: string | null) => {
setState( value );
} );
}
} catch (e) {
console.error('Local storage is unavailable:', e);
}
} else {
SecureStore.getItemAsync(key).then((value: string | null) => {
setState(value);
});
}
}, [key]);
}, [ key ] );
// Set
const setValue = React.useCallback(
(value: string | null) => {
setState(value);
setStorageItemAsync(key, value);
},
[key]
);
// Set
const setValue = React.useCallback(
(value: string | null) => {
setState( value );
setStorageItemAsync( key, value );
},
[ key ]
);
return [state, setValue];
return [ state, setValue ];
}