mirror of
https://github.com/yude-jp/yude.jp
synced 2024-12-23 12:40:11 +09:00
33 lines
919 B
JavaScript
33 lines
919 B
JavaScript
import React, { useState, useEffect } from 'react';
|
|
import axios from 'axios';
|
|
import useTranslation from 'next-translate/useTranslation'
|
|
import { useRouter } from 'next/router'
|
|
|
|
function App () {
|
|
const router = useRouter()
|
|
const { locale, locales, defaultLocale, pathname } = router
|
|
const { t, lang } = useTranslation("common")
|
|
const [data, setData] = useState({ hits: [] });
|
|
useEffect(() => {
|
|
const fetchData = async () => {
|
|
const result = await axios(
|
|
'/api/Spotify',
|
|
);
|
|
setData(result.data);
|
|
};
|
|
fetchData();
|
|
}, []);
|
|
if (data === undefined){
|
|
console.log("[Spotify Web API] データの取得に失敗しました。 / Failed to retrieve data.")
|
|
return <p></p>
|
|
}else{
|
|
if (data.isPlaying){
|
|
const status = data.artist + ' / ' + data.title
|
|
return <p>{t('listening', {listening: status})}</p>
|
|
}else{
|
|
return <></>
|
|
}
|
|
};
|
|
}
|
|
|
|
export default App; |