| 1 |
import { createContext, useContext, useState, useEffect, useCallback } from 'react'; |
| 2 |
|
| 3 |
const SettingsContext = createContext( {} ); |
| 4 |
|
| 5 |
/** |
| 6 |
* Consume the context |
| 7 |
* |
| 8 |
* @return {{emptyTrashDays: number}} context value |
| 9 |
*/ |
| 10 |
export function useSettingsContext() { |
| 11 |
return useContext( SettingsContext ); |
| 12 |
} |
| 13 |
|
| 14 |
/** |
| 15 |
* Settings Provider |
| 16 |
* |
| 17 |
* @param {*} props |
| 18 |
* @return {JSX.Element} element |
| 19 |
* @function Object() { [native code] } |
| 20 |
*/ |
| 21 |
export function SettingsProvider( props ) { |
| 22 |
const [ settings, setSettings ] = useState( {} ); |
| 23 |
|
| 24 |
const updateSettings = useCallback( ( newSettings ) => { |
| 25 |
setSettings( ( prev ) => ( { ...prev, ...newSettings } ) ); |
| 26 |
}, [ setSettings ] ); |
| 27 |
|
| 28 |
useEffect( () => { |
| 29 |
setSettings( props.value ); |
| 30 |
}, [ setSettings ] ); |
| 31 |
|
| 32 |
return ( |
| 33 |
<SettingsContext.Provider value={ { settings, setSettings, updateSettings } }> |
| 34 |
{ props.children } |
| 35 |
</SettingsContext.Provider> |
| 36 |
); |
| 37 |
} |
| 38 |
|
| 39 |
SettingsProvider.propTypes = { |
| 40 |
children: PropTypes.any, |
| 41 |
value: PropTypes.object.isRequired, |
| 42 |
}; |
| 43 |
|
