yude/yude.jp
0
0
Fork 0
mirror of https://github.com/yude-jp/yude.jp synced 2025-12-16 20:54:17 +09:00
Code Releases Activity

Change the way to inject translations

Browse Source
This commit is contained in:
yude
2021-06-14 12:36:18 +09:00
parent 970d9cf352
commit adfa4106e2
11 changed files with 60 additions and 96 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
pages/components/Footer.js
View File

@@ -7,23 +7,21 @@ export default function Footer(props) {
const router = useRouter()
const { locale, locales, defaultLocale, pathname } = router
const { t, lang } = useTranslation("common")
const footer = t('footer')
const source = t('source')
const tos = t('tos')
return (
<>
<div className="container mx-auto px-6">
<div className="flex flex-col items-center">
<div className="sm:w-full text-center py-6">
<p className="text-sm font-bold mb-2">
{footer} / <Link href="https://github.com/yudejp/yude.jp"><a className="hover:underline">{source}</a></Link>
</p>
<p className="text-sm font-bold mb-2">
<Link href="/tos"><a className="hover:underline">{tos}</a></Link>
</p>
</div>
</div>
return (
<>
<div className="container mx-auto px-6">
<div className="flex flex-col items-center">
<div className="sm:w-full text-center py-6">
<p className="text-sm font-bold mb-2">
{t('footer')} / <Link href="https://github.com/yudejp/yude.jp"><a className="hover:underline">{t('source')}</a></Link>
</p>
<p className="text-sm font-bold mb-2">
<Link href="/tos"><a className="hover:underline">{t('tos')}</a></Link>
</p>
</div>
</>
);
</div>
</div>
</>
);
}

17
pages/components/Minecraft.js
View File

@@ -11,7 +11,7 @@ export default function Minecraft(props) {
const { t, lang } = useTranslation("minecraft")
const [data, setData] = useState({ hits: [] });
const fail = t('minecraft:fail')
useEffect(() => {
const fetchData = async () => {
const result = await axios(
@@ -25,27 +25,24 @@ export default function Minecraft(props) {
if (data === undefined){
console.log("[Minecraft Query] データの取得に失敗しました。 / Failed to retrieve data.")
return (
<p>{fail}</p>
<p>{t('minecraft:fail')}</p>
)
}else{
const status = data.online
const player = data.players && data.players.online
const playing = t('minecraft:playing', {count: player})
const no_one = t('minecraft:no_one')
const offline = t('minecraft:offline')
const loading = t('minecraft:loading')
return (
<div className="text-center">
{(() => {
if (status == true) {
if (player == undefined || player == 0) {
return <span>{no_one}</span>
return <span>{t('minecraft:no_one')}</span>
} else {
return <span>{playing}</span>
return <span>{t('minecraft:playing', {count: player})}</span>
}}else if (status == false) {
return <span>{offline}</span>
return <span>{t('minecraft:offline')}</span>
}else {
return <span>{loading}</span>
return <span>{t('minecraft:loading')}</span>
}
})()}

3
pages/components/Spotify.js
View File

@@ -23,8 +23,7 @@ function App () {
}else{
if (data.isPlaying){
const status = data.artist + ' / ' + data.title
const listening = t('listening', {listening: status})
return <p>{listening}</p>
return <p>{t('listening', {listening: status})}</p>
}else{
return <p></p>
}