Fix page title @ /minecraft/players/[uuid]

pages/minecraft/players/[uuid].js

@@ -5,10 +5,13 @@ import Layout from "../../components/Layout"
 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'
 
 export default function UUID() {
   const router = useRouter()
@@ -16,11 +19,38 @@ export default function UUID() {
   const { t, lang } = useTranslation("index")
   const { uuid } = router.query
   
+  const [data, setData] = useState({ hits: [] });
+  
+  let playerName = null;
+  
+  useEffect(() => {
+    const fetchData = async () => {
+      const result = await axios(
+        '/api/PlayerName/' + uuid,
+      );
+      setData(result.data);
+      
+    };  
+    fetchData();
+  }, []);
+  
+  console.log(data);
+  
+  if (data.username === undefined) {
+    return (
+      <>
+        <Layout title="404 - プレイヤー情報">
+        <Players uuid={uuid} />
+        </Layout>
+      </>
+    )
+  } else {
   return (
     <>
-      <Layout title={t('home')}>
+      <Layout title={data.username + " - " + "プレイヤー情報"}>
       <Players uuid={uuid} />
       </Layout>
     </>
   )
+  }
 }