import Icon from "../static/Icons"; import { git, npm } from "../static/icons_list"; import bento from "../../assets/bento.svg"; import tor from "../../assets/tor.svg"; import "./index.css"; import { useEffect, useState } from "react"; // import { FaCodeCommit} fr const isDev = process.env.NODE_ENV !== "production"; type DiscordStatus = "dnd" | "idle" | "online" | "offline"; type Data = { discord_status: DiscordStatus; kv: { //@ts-ignore if u have a problem js slap that is_disabled?: string; [key: string]: string; }; }; function getFillColor(s: DiscordStatus): string { switch (s) { case "dnd": return "var(--red)"; break; case "idle": return "var(--yellow)"; break; case "online": return "var(--green)"; break; case "offline": return "var(--overlay1)"; break; default: return "var(--mauve)"; break; } } export default function Footer() { const [lanyardData, setData] = useState(null); const [fingerprint, setFingerprint] = useState(null); useEffect(() => { const signal = new AbortController(); if (!lanyardData) { fetch("https://api.lanyard.rest/v1/users/566766267046821888", { signal: signal.signal, }) .then((r) => r.json()) .then((json) => { if (json.success) { console.log(json.data); setData(json.data as Data); } }); } if (!fingerprint) { if (isDev) { setFingerprint("FDE9 95C2 8C7E E563"); } else { fetch(`//${window.location.host}/creds/fingerprint.txt`) .then((r) => r.text()) .then((d) => setFingerprint(d)) .catch(() => { setFingerprint("FDE9 95C2 8C7E E563"); }); } } }); return ( <>