import polyglotI18nProvider from 'ra-i18n-polyglot'
import deepmerge from 'deepmerge'
import dataProvider from '../dataProvider'
import en from './en.json'
import { i18nProvider } from './index'
const defaultLocale = function () {
const locale = localStorage.getItem('locale')
const current = JSON.parse(localStorage.getItem('translation'))
if (current && current.id === locale) {
retrieveTranslation(locale).then(() => {
i18nProvider.changeLocale(locale)
})
return locale
}
return 'en'
}
export function retrieveTranslation(locale) {
return dataProvider.getOne('translation', { id: locale }).then((res) => {
localStorage.setItem('translation', JSON.stringify(res.data))
return prepareLanguage(JSON.parse(res.data.data))
})
}
const removeEmpty = (obj) => {
for (let k in obj) {
if (
Object.prototype.hasOwnProperty.call(obj, k) &&
typeof obj[k] === 'object'
) {
removeEmpty(obj[k])
} else {
if (!obj[k]) {
delete obj[k]
}
}
}
}
const prepareLanguage = (lang) => {
removeEmpty(lang)
lang.resources.albumSong = lang.resources.song
lang.resources.playlistTrack = lang.resources.song
lang.ra.boolean.null = ''
return deepmerge(en, lang)
}
export default polyglotI18nProvider((locale) => {
if (locale === 'en') {
return prepareLanguage(en)
}
const current = JSON.parse(localStorage.getItem('translation'))
if (current && current.id === locale) {
return prepareLanguage(JSON.parse(current.data))
}
return retrieveTranslation(locale)
}, defaultLocale())