40 lines
1.3 KiB
TypeScript
40 lines
1.3 KiB
TypeScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
import React from 'react'
|
|
import {IntlProvider} from 'react-intl'
|
|
import {DndProvider} from 'react-dnd'
|
|
import {HTML5Backend} from 'react-dnd-html5-backend'
|
|
import {TouchBackend} from 'react-dnd-touch-backend'
|
|
|
|
import {getMessages} from './i18n'
|
|
import {IUser, UserContext} from './user'
|
|
import {SetLanguageContext} from './setLanguageContext'
|
|
import {Utils} from './utils'
|
|
|
|
type Props = {
|
|
language: string
|
|
setLanguage: (lang: string) => void
|
|
user?: IUser
|
|
children: React.ReactNode
|
|
}
|
|
|
|
const CombinedProviders = React.memo((props: Props): JSX.Element => {
|
|
const {language, setLanguage, user} = props
|
|
return (
|
|
<IntlProvider
|
|
locale={language}
|
|
messages={getMessages(language)}
|
|
>
|
|
<SetLanguageContext.Provider value={setLanguage}>
|
|
<DndProvider backend={Utils.isMobile() ? TouchBackend : HTML5Backend}>
|
|
<UserContext.Provider value={user}>
|
|
{props.children}
|
|
</UserContext.Provider>
|
|
</DndProvider>
|
|
</SetLanguageContext.Provider>
|
|
</IntlProvider>
|
|
)
|
|
})
|
|
|
|
export default CombinedProviders
|