65 lines
1.3 KiB
TypeScript
65 lines
1.3 KiB
TypeScript
import { Api } from '@skolplattformen/api'
|
|
import React, { FC, PropsWithChildren, useEffect, useState } from 'react'
|
|
import { Provider } from 'react-redux'
|
|
import { ApiContext } from './context'
|
|
import store from './store'
|
|
import { AsyncStorage, IApiContext, Reporter } from './types'
|
|
|
|
type TApiProvider = FC<
|
|
PropsWithChildren<{
|
|
api: Api
|
|
storage: AsyncStorage
|
|
reporter?: Reporter
|
|
}>
|
|
>
|
|
const noopReporter: Reporter = {
|
|
log: () => {
|
|
// noop
|
|
},
|
|
error: () => {
|
|
// noop
|
|
},
|
|
}
|
|
export const ApiProvider: TApiProvider = ({
|
|
children,
|
|
api,
|
|
storage,
|
|
reporter = noopReporter,
|
|
}) => {
|
|
const [isLoggedIn, setIsLoggedIn] = useState(api.isLoggedIn)
|
|
const [isFake, setIsFake] = useState(api.isFake)
|
|
|
|
const value: IApiContext = {
|
|
api,
|
|
storage,
|
|
isLoggedIn,
|
|
isFake,
|
|
reporter,
|
|
}
|
|
|
|
useEffect(() => {
|
|
const handler = async () => {
|
|
setIsLoggedIn(api.isLoggedIn)
|
|
setIsFake(api.isFake)
|
|
|
|
if (!api.isLoggedIn) {
|
|
store.dispatch({ type: 'CLEAR', entity: 'ALL' })
|
|
}
|
|
}
|
|
|
|
api.on('login', handler)
|
|
api.on('logout', handler)
|
|
|
|
return () => {
|
|
api.off('login', handler)
|
|
api.off('logout', handler)
|
|
}
|
|
}, [api])
|
|
|
|
return (
|
|
<ApiContext.Provider value={value}>
|
|
<Provider store={store}>{children}</Provider>
|
|
</ApiContext.Provider>
|
|
)
|
|
}
|