63 lines
1.7 KiB
TypeScript
63 lines
1.7 KiB
TypeScript
import { createContext, FC, useContext, useMemo } from 'react'
|
|
import { EnrichedEntity } from '../../../src/types'
|
|
import { ReactNodeLike } from 'prop-types'
|
|
import { factories } from './prepare'
|
|
import { useLocale } from '../../../src/hooks/useLocale'
|
|
import de from '../../../res/translation-de.json'
|
|
import nl from '../../../res/translation-nl.json'
|
|
import { Dict } from '../../../src/types'
|
|
|
|
const factoryNames: Record<'de' | 'nl', Dict<string>> = {
|
|
de,
|
|
nl
|
|
}
|
|
|
|
interface Props {
|
|
children: ReactNodeLike
|
|
}
|
|
|
|
interface FactoryContextType {
|
|
factories: EnrichedEntity[]
|
|
findFactory(uid: string): EnrichedEntity | undefined
|
|
}
|
|
|
|
const defaultValues: FactoryContextType = {
|
|
factories: [],
|
|
findFactory() {
|
|
return undefined
|
|
}
|
|
}
|
|
|
|
const FactoryContext = createContext<FactoryContextType>(defaultValues)
|
|
export const useFactories = () => useContext(FactoryContext)
|
|
|
|
export const FactoryProvider: FC<Props> = ({ children }) => {
|
|
const locale = useLocale()
|
|
const internationalizedFactories = useMemo(() => {
|
|
if (locale !== 'en')
|
|
return factories.map(factory => ({
|
|
...factory,
|
|
name: factoryNames[locale]?.[factory.href] ?? factory.name
|
|
}))
|
|
return factories
|
|
}, [locale])
|
|
|
|
const findFactory = useMemo(() => {
|
|
const detailsMap = Object.fromEntries(
|
|
internationalizedFactories.map((detail: EnrichedEntity) => [detail.href, detail])
|
|
)
|
|
return (uid: string): EnrichedEntity | undefined => {
|
|
return detailsMap[uid]
|
|
}
|
|
}, [internationalizedFactories])
|
|
|
|
const value: FactoryContextType = useMemo(
|
|
() => ({
|
|
factories: internationalizedFactories,
|
|
findFactory
|
|
}),
|
|
[findFactory, internationalizedFactories]
|
|
)
|
|
return <FactoryContext.Provider value={value}>{children}</FactoryContext.Provider>
|
|
}
|