mirror/iNaturalistReactNative
1
0
Fork 0
mirror of https://github.com/inaturalist/iNaturalistReactNative.git synced 2025-12-23 22:18:36 -05:00
Code Issues Packages Projects Releases Wiki Activity

Migrate useStoredLayout to TypeScript. (#3267)

Browse Source
This commit is contained in:
Corey Farwell
2025-12-05 08:43:09 -05:00
committed by GitHub
parent 6a3d5bc533
commit 78d95dfa4e
1 changed files with 10 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/sharedHooks/useStoredLayout.js → src/sharedHooks/useStoredLayout.ts
View File

@@ -1,18 +1,23 @@
// @flow
import { useCallback, useEffect, useState } from "react";
import { zustandStorage } from "stores/useStore";
const useStoredLayout = ( storageKey: string ): Object => {
const [layout, setLayout] = useState( null );
interface LayoutHook {
layout: string | null;
writeLayoutToStorage: ( newValue: string ) => void;
}
const writeLayoutToStorage = useCallback( newValue => {
const useStoredLayout = ( storageKey: string ): LayoutHook => {
const [layout, setLayout] = useState<string | null>( null );
const writeLayoutToStorage = useCallback( ( newValue: string ) => {
zustandStorage.setItem( storageKey, newValue );
setLayout( newValue );
}, [storageKey] );
useEffect( ( ) => {
const readLayoutFromStorage = async ( ) => {
const storedLayout = zustandStorage.getItem( storageKey );
// Casting is necessary because zustandStorage.getItem returns string | number | null
const storedLayout = zustandStorage.getItem( storageKey ) as string | null;
const defaultLayout = storageKey === "exploreObservationsLayout"
? "map"
: "grid";