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

pages/components/Minecraft/PlayerName.js

@@ -0,0 +1,35 @@
+import React, { useState, useEffect } from 'react';
+import axios from 'axios';
+
+function App (props) {
+  const uuid = props;
+  const [data, setData] = useState({ hits: [] });
+
+  useEffect(() => {
+    const fetchData = async () => {
+      let result = null;
+      try {
+        result = await axios('https://api.ashcon.app/mojang/v2/user/' + uuid.uuid);
+        setData(result.data);
+      } catch (err) {
+        result = 404;
+        setData(result);
+      }
+    };  
+    fetchData();
+  }, []);
+  if (data === undefined){
+        console.log("[Minecraft: UUID to player's name] データの取得に失敗しました。 / Failed to retrieve data.")
+        return <>取得中...</>
+  }else {
+        if (data === 404) {
+          return <>404</>
+        } else {
+        return (
+          <>{data.username.toString()}</>
+        )
+        }
+    };
+}
+
+export default App;

pages/components/Minecraft/Players.js

@@ -1,6 +1,6 @@
 import Online from './Online'
 import Head from './Head'
-import GetName from './GetName'
+import PlayerNameHolder from './PlayerNameHolder'
 
 function App (props) {
   const uuid = props;
@@ -12,7 +12,7 @@ function App (props) {
         </div>
         <div className="w-5"></div>
         <div>
-          <p className="text-2xl text-mono"><GetName uuid={uuid.uuid} /></p>
+          <p className="text-2xl text-mono"><PlayerNameHolder uuid={uuid.uuid} /></p>
           <p><Online uuid={uuid.uuid} /></p>
         </div>
     </div>