[wip] initial work

      {config && <CanvasWrapper />}

      <ToolbarWrapper />

      {/* <DynamicallyLoadChat /> */}

      <DynamicallyLoadChat />

      <DebugModal />

      <SettingsSidebar />

import { useRef } from "react";

import { useEffect, useRef, useState } from "react";

import { faComments } from "@fortawesome/free-solid-svg-icons";

import { useAppContext } from "../../contexts/AppContext";

import { SidebarBase } from "../SidebarBase";

const Chat = () => {

  const ref = useRef<HTMLDivElement | null>(null);

  const { chatSidebar, setChatSidebar } = useAppContext();

  return (

    <div ref={ref} style={{ position: "fixed", top: 0, left: 0, zIndex: 999 }}>

      chat

    </div>

    <SidebarBase

      shown={chatSidebar}

      setSidebarShown={setChatSidebar}

      icon={faComments}

      title="Chat"

      description=""

      side="Right"

    >

      <div>hi</div>

    </SidebarBase>

  );

};

  // --- settings ---

  const [loadChat, _setLoadChat] = useState(false);

  const [chatSidebar, setChatSidebar] = useState(false);

  const [pixels, setPixels] = useState({ available: 0 });

  const [undo, setUndo] = useState<{ available: true; expireAt: number }>();

        undo,

        loadChat,

        setLoadChat,

        chatSidebar,

        setChatSidebar,

        connected,

        pixelWhois,

        setPixelWhois,