yude/yude.jp
0
0
Fork 0
mirror of https://github.com/yude-jp/yude.jp synced 2024-06-09 07:16:02 +09:00
Code Releases Activity

Fix: loading implementation

Browse Source
This commit is contained in:
yude 2021-09-26 12:52:37 +09:00
parent 7e7066317c
commit 2b6ca4354d
Signed by: yude
GPG Key ID: EB0FE5D925C4A968
5 changed files with 29 additions and 45 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
pages/api/PlayerName/[uuid].js
View File

@ -12,7 +12,7 @@ const RawPlayerName = async (req, res) => {
const response = await getName(uuid);
const data = await response.json();
if (response.status === 204 || response.status > 400) {
return res.status(200).send("読み込み中...");
return res.status(200).send("404");
}
const username = data.username;
return res.status(200).json({

10
pages/components/Minecraft/Biography.js
View File

@ -1,14 +1,8 @@
import React, { useState, useEffect } from 'react';
import axios from 'axios';
import useTranslation from 'next-translate/useTranslation'
import { useRouter } from 'next/router'
import LastPlayed from './LastPlayed'
function App (props) {
const uuid = props;
const router = useRouter()
const { locale, locales, defaultLocale, pathname } = router
const { t, lang } = useTranslation("common")
const [data, setData] = useState({ hits: [] });
useEffect(() => {
@ -24,11 +18,15 @@ function App (props) {
console.log("[Minecraft: PlayersBio] データの取得に失敗しました。 / Failed to retrieve data.")
return <p></p>
}else {
if (data.toString() == "[object Object]"){
return <p>読み込み中...</p>
} else {
if (data.toString() == "") {
return <p>ひとことは設定されていません...</p>
} else {
return <p>ひとこと: <span className="italic">{data.toString()}</span></p>
}
}
};
}

8
pages/components/Minecraft/Group.js
View File

@ -1,13 +1,9 @@
import React, { useState, useEffect } from 'react';
import axios from 'axios';
import useTranslation from 'next-translate/useTranslation'
import { useRouter } from 'next/router'
function App (props) {
const uuid = props;
const router = useRouter()
const { locale, locales, defaultLocale, pathname } = router
const { t, lang } = useTranslation("common")
const [data, setData] = useState({ hits: [] });
useEffect(() => {
@ -19,8 +15,8 @@ function App (props) {
};
fetchData();
}, []);
if (data === undefined){
console.log("[Minecraft: PlayersBio] データの取得に失敗しました。 / Failed to retrieve data.")
if (data === undefined || data === null){
return <p></p>
}else {
if (data.toString() == "staff") {

5
pages/components/Minecraft/LastPlayed.js
View File

@ -1,13 +1,8 @@
import React, { useState, useEffect } from 'react';
import axios from 'axios';
import useTranslation from 'next-translate/useTranslation'
import { useRouter } from 'next/router'
function App (props) {
const uuid = props;
const router = useRouter()
const { locale, locales, defaultLocale, pathname } = router
const { t, lang } = useTranslation("common")
const [data, setData] = useState({ hits: [] });
const timeAgo = (prevDate) => {

49
pages/minecraft/players/[uuid].js
View File

@ -1,54 +1,49 @@
// Base layout
import Layout from "../../components/Layout"
// i18n
import useTranslation from 'next-translate/useTranslation'
// React
import React, { useState, useEffect } from 'react';
import { useRouter } from 'next/router'
// Data fetching
import axios from 'axios';
import Players from '../../components/Minecraft/Players'
import PlayerName from '../../components/Minecraft/PlayerName'
import useSwr from 'swr'
const fetcher = (url) => fetch(url).then((res) => res.json())
export default function UUID() {
const router = useRouter()
const { locale, locales, defaultLocale, pathname } = router
const { t, lang } = useTranslation("index")
const { uuid } = router.query
const { data, error } = useSwr(
router.query.id ? `/api/user/${router.query.id}` : null,
fetcher
)
const [data, setData] = useState({ hits: [] });
let playerName = null;
useEffect(() => {
const fetchData = async () => {
const result = await axios(
'/api/PlayerName/' + uuid,
);
setData(result.data);
};
fetchData();
}, []);
if (data.username === undefined) {
if (error) {
return (
<>
<Layout title="404 - プレイヤー情報">
<Layout title="エラー - プレイヤー情報">
<p className="text-2xl">エラーが発生しました。</p>
</Layout>
</>
)
}
if (!data) {
return (
<>
<Layout title="読み込み中... - プレイヤー情報">
<Players uuid={uuid} />
</Layout>
</>
)
} else {
}
return (
<>
<Layout title={data.username + " - " + "プレイヤー情報"}>
<Layout title={<PlayerName uuid={uuid.uuid} /> + " - " + "プレイヤー情報"}>
<Players uuid={uuid} />
</Layout>
</>
)
}
}