35 lines
793 B
JavaScript
35 lines
793 B
JavaScript
import { useState, useEffect } from 'react';
|
|
import { useRouter } from 'next/router';
|
|
import { get } from 'next-basics';
|
|
import enUS from 'public/intl/language/en-US.json';
|
|
|
|
const languageNames = {
|
|
'en-US': enUS,
|
|
};
|
|
|
|
export default function useLanguageNames(locale) {
|
|
const [list, setList] = useState(languageNames[locale] || enUS);
|
|
const { basePath } = useRouter();
|
|
|
|
async function loadData(locale) {
|
|
const { ok, data } = await get(`${basePath}/intl/language/${locale}.json`);
|
|
|
|
if (ok) {
|
|
languageNames[locale] = data;
|
|
setList(languageNames[locale]);
|
|
} else {
|
|
setList(enUS);
|
|
}
|
|
}
|
|
|
|
useEffect(() => {
|
|
if (!languageNames[locale]) {
|
|
loadData(locale);
|
|
} else {
|
|
setList(languageNames[locale]);
|
|
}
|
|
}, [locale]);
|
|
|
|
return list;
|
|
}
|