rDrama/chat/src/hooks/useRootContext.ts

import { useEffect, useState } from "react";

export function useRootContext() {
  const [{ admin, id, username, censored, themeColor, siteName }, setContext] =
    useState({
      id: "",
      username: "",
      admin: false,
      censored: true,
      themeColor: "#ff66ac",
      siteName: "",
    });

  useEffect(() => {
    const root = document.getElementById("root");

    setContext({
      id: root.dataset.id,
      username: root.dataset.username,
      admin: root.dataset.admin === "True",
      censored: root.dataset.censored === "True",
      themeColor: root.dataset.themecolor,
      siteName: root.dataset.sitename,
    });
  }, []);

  return { id, admin, username, censored, themeColor, siteName };
}