From 365559158d9615b72ff606115720a2a037630a87 Mon Sep 17 00:00:00 2001
From: yudejp <i@yude.jp>
Date: Sat, 25 Sep 2021 21:51:35 +0900
Subject: [PATCH] Add group badge @ /minecraft/players/[uuid]

---
 pages/components/Minecraft/Group.js           | 34 +++++++++++++++++++
 .../components/Minecraft/PlayerNameHolder.js  |  4 ++-
 2 files changed, 37 insertions(+), 1 deletion(-)
 create mode 100644 pages/components/Minecraft/Group.js

diff --git a/pages/components/Minecraft/Group.js b/pages/components/Minecraft/Group.js
new file mode 100644
index 0000000..7f49dcc
--- /dev/null
+++ b/pages/components/Minecraft/Group.js
@@ -0,0 +1,34 @@
+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(() => {
+    const fetchData = async () => {
+      const result = await axios(
+        'https://minecraft.yude.jp/group/' + uuid.uuid,
+      );
+      setData(result.data);
+    };  
+    fetchData();
+  }, []);
+  if (data === undefined){
+    console.log("[Minecraft: PlayersBio] データの取得に失敗しました。 / Failed to retrieve data.")
+    return <p></p>
+  }else {
+        if (data.toString() == "staff") {
+            return <span class="inline-flex items-center justify-center px-3 py-2 text-base font-bold leading-none text-indigo-100 bg-indigo-700 rounded ml-3">Staff</span>
+        } else {
+            return <></>
+        }
+    };
+}
+
+export default App;
\ No newline at end of file
diff --git a/pages/components/Minecraft/PlayerNameHolder.js b/pages/components/Minecraft/PlayerNameHolder.js
index 2298f3c..d4b5d39 100644
--- a/pages/components/Minecraft/PlayerNameHolder.js
+++ b/pages/components/Minecraft/PlayerNameHolder.js
@@ -1,5 +1,6 @@
 import React, { useState, useEffect } from 'react';
 import axios from 'axios';
+import Group from './Group';
 
 function App (props) {
   const uuid = props;
@@ -28,7 +29,8 @@ function App (props) {
         return (
           <div className='has-tooltip'>
             <span className='tooltip rounded shadow-lg p-1 bg-gray-100 text-red-500 -mt-8 font-mono text-sm'>UUID: {uuid.uuid}</span>
-            <p className="text-2xl">{data.username}</p>
+            <p className="text-2xl inline">{data.username}</p>
+            <Group uuid={uuid.uuid} />
           </div>
         )
         }