0
0
mirror of https://github.com/yude-jp/yude.jp synced 2024-06-09 15:26:01 +09:00

Fix DiscordPlaying, Spotify

This commit is contained in:
yude 2021-05-28 11:43:00 +09:00
parent e7643e30a8
commit 8b3a484d08
Signed by: yude
GPG Key ID: EB0FE5D925C4A968
2 changed files with 24 additions and 19 deletions

View File

@ -1,13 +1,20 @@
import React from "react";
import React, { useState, useEffect } from 'react';
import axios from 'axios';
import useTranslation from 'next-translate/useTranslation'
import { useRouter } from 'next/router'
const url = 'https://discord.com/api/guilds/723409709306216498/widget.json';
function App ({data}){
function App (){
const router = useRouter()
const { locale, locales, defaultLocale, pathname } = router
const { t, lang } = useTranslation("common")
const [data, setData] = useState({ hits: [] });
useEffect(async () => {
const result = await axios(
'https://discord.com/api/guilds/723409709306216498/widget.json',
);
setData(result.data);
}, []);
if (data === undefined){
console.log("[Discord API] データの取得に失敗しました。 / Failed to retrieve data.")
return <p></p>

View File

@ -1,35 +1,33 @@
import React from "react";
import React, { useState, useEffect } from 'react';
import axios from 'axios';
import useTranslation from 'next-translate/useTranslation'
import { useRouter } from 'next/router'
const url = '/api/Spotify';
function App ({data}) {
function App () {
const router = useRouter()
const { locale, locales, defaultLocale, pathname } = router
const { t, lang } = useTranslation("common")
const [data, setData] = useState({ hits: [] });
useEffect(async () => {
const result = await axios(
'/api/Spotify',
);
setData(result.data);
}, []);
if (data === undefined){
console.log("[Spotify Web API] データの取得に失敗しました。 / Failed to retrieve data.")
return <p></p>
}else{
if (data.isPlaying === "true"){
const status = data.artist + ' - ' + data.title
if (data.isPlaying){
const status = data.artist + ' / ' + data.title
const listening = t('listening', {listening: status})
return <p>{listening}</p>
console.log("[Spotify Web API] Listening: " + status)
}else{
return <p></p>
console.log("[Spotify Web API] Nothing listening")
}
};
}
export async function getServerSideProps() {
// Fetch data from external API
const res = await fetch("/api/Spotify")
const data = await res.json()
// Pass data to the page via props
return { props: { data } }
}
export default App;