import React, { useEffect, useState } from "react"; import { DicordActivityStyle } from "./discord-activity.style"; import { useLanyard } from "react-use-lanyard"; import { discord_id } from "config"; import DiscordParser from "../libs/discord-parser"; const customStatus = [ "Searching for Cat Girls", "Watching Anime", "Sleeping", "Studying", ]; export default function DiscordActivity() { const statusPicker = () => { return customStatus[Math.floor(Math.random() * customStatus.length)]; }; const { loading, status } = useLanyard({ userId: discord_id, socket: true, }); const [pickedStatus] = useState(statusPicker()); const [parsedStatus, setParsedStatus] = useState(null); useEffect(() => { if (!loading) { setParsedStatus(DiscordParser(status)); } }, [status, loading]); if (!loading && parsedStatus && status.discord_status !== "offline" && parsedStatus.activity) { return ( {parsedStatus.discord.username} {parsedStatus.activity.details ?? "-------"} {parsedStatus.activity.state ?? parsedStatus.activity.name} ); } else if (!loading && parsedStatus && status.discord_status !== "offline") { return ( {parsedStatus?.discord?.username} {parsedStatus?.discord?.discord_status} is Available ); } else { let restData = { username: "bravo68web", public_flags: 64, id: "457039372009865226", avatar: "b9e91dcc8e658eb1ebf24299b7bec733", }; return ( {restData.username} is Offline {pickedStatus} ); } }