import React, { useEffect, useState } from "react"; import { DicordActivityStyle } from "./discord-activity.style"; import { useLanyard } from "react-use-lanyard"; /*
{!loading && JSON.stringify(status, null, 4)}; */ var pickedStatus = ""; export default function DiscordActivity() { const { loading, status /*, websocket */ } = useLanyard({ userId: "457039372009865226", socket: true, }); const [time, setTime] = useState("00:00:00 elapsed"); const padTo2Digits = (num) => { return num.toString().padStart(2, "0"); }; const customStatus = [ "Searching for Cat Girls", "Watching Anime", "Sleeping", "Studying", ]; const statusPicker = () => { if (pickedStatus === "") pickedStatus = customStatus[Math.floor(Math.random() * customStatus.length)]; return pickedStatus; }; const convertMsToHM = (milliseconds) => { let seconds = Math.floor(milliseconds / 1000); let minutes = Math.floor(seconds / 60); let hours = Math.floor(minutes / 60); seconds = seconds % 60; minutes = seconds >= 30 ? minutes + 1 : minutes; minutes = minutes % 60; hours = hours % 24; return `${padTo2Digits(hours)}:${padTo2Digits(minutes)}:${padTo2Digits( seconds )} elapsed`; }; const baseURL = "https://cdn.discordapp.com/app-assets/"; const [currentTs, setCurrentTs] = useState(Date.now()); useEffect(() => { let interval = setInterval(() => { if (!loading) { setCurrentTs(Date.now()); let timeElapsed = convertMsToHM( currentTs - new Date(status?.activities[1]?.timestamps.start) ); // console.log(timeElapsed); setTime(timeElapsed); } // console.log("Intervcal"); }, 1000); return () => { clearInterval(interval); }; }, [currentTs, loading]); // console.log(status?.discord_status); // console.log(status?.activities.length); if ( !loading && (status.discord_status === "online" || status.discord_status === "idle" || status.discord_status === "dnd") && status.activities.length ) { if (status.activities[0].id === "custom" && status.activities.length == 1) { console.log(status.activities.length); return (