yude/yude.jp
0
0
Fork 0
mirror of https://github.com/yude-jp/yude.jp synced 2025-10-13 11:48:37 +09:00
Code Releases Activity

Add Discord's status badge

Browse Source
This commit is contained in:
yude
2021-05-24 01:22:46 +09:00
parent c147a60690
commit 3a70be536b
2 changed files with 33 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
pages/components/DiscordStatus.js Normal file
View File

@@ -0,0 +1,27 @@
import React from "react";
const url = "https://discordapp.com/api/guilds/550309736214691840/widget.json";
const App = () => {
const [status, setStatus] = React.useState(0);
React.useEffect(() => {
fetch(url)
.then((r) => r.json())
.then((j) => setStatus(j.members[15].status))
}, []);
if (status === "online") {
return <div className="font-bold text-gray-700 rounded-full bg-green-500 flex w-5 h-5 items-center justify-center"></div>
}else{
if (status === "idle") {
return <div className="font-bold text-gray-700 rounded-full bg-yellow-500 flex w-5 h-5 items-center justify-center"></div>
}else{
if (status === "dnd") {
return <div className="font-bold text-gray-700 rounded-full bg-red-500 flex w-5 h-5 items-center justify-center"></div>
}else{
return <div className="font-bold text-gray-700 rounded-full bg-gray-500 flex w-5 h-5 items-center justify-center"></div>
}
}
}
};
export default App;