Save choice in local storage

Author: yepzdk

public/dist/entry.js

@@ -5,11 +5,24 @@ import { useTranslate } from 'react-translate'
 
 const AppInstallBanner = (icons) => {
  const t = useTranslate('Conticki')
- const [showA, setShowA] = useState(true)
- const toggleShowA = () => setShowA(!showA)
+
+ const handleBanner = (key = 'iosInstallBanner', initialState = true) => {
+ const [state, setState] = useState(() => {
+ const storedState = window.localStorage.getItem(key)
+ return storedState ?? initialState
+ })
+
+ React.useEffect(() => {
+ window.localStorage.setItem(key, state)
+ }, [state])
+
+ return [state, setState]
+ }
+
+ const [value, setValue] = handleBanner()
 
  return (
- <Toast className='bg-warning' show={showA} onClose={toggleShowA}>
+ <Toast className='bg-warning' show={value} onClose={() => setValue(false)}>
  <Toast.Header>
  <img src={icons.icons['16x16']} width='16' height='16' alt='' className='mr-1' />
  <strong className='mr-auto'>{t('Install Conference App')}</strong>