Cleanup & fixes

Author: codewithkyle

client/src/pages/tabletop-page/monster-menu/monster-menu.scss

@@ -31,7 +31,7 @@ monster-menu {
         width: 376px;
         flex-flow: row nowrap;
         align-items: center;
-        background-color: --grey-100;
+        background-color: var(--grey-100);
         border-radius: 16px;
 
         @media (prefers-color-scheme: dark) {

client/src/pages/tabletop-page/tabletop-page.ts

@@ -98,13 +98,6 @@ export default class TabletopPage extends SuperComponent<ITabletopPage>{
             items.push({
                 label: "Spawn Monster",
                 callback: () => {
-                    //const tabletop = document.body.querySelector("tabletop-component") as TabeltopComponent;
-                    //let diffX = (x - tabletop.x) / tabletop.zoom;
-                    //let diffY = (y - tabletop.y) / tabletop.zoom;
-                    //sessionStorage.setItem("tabletop:spawn-monster:y", `${Math.round(diffY) - 16}`);
-                    //sessionStorage.setItem("tabletop:spawn-monster:x", `${Math.round(diffX) - 16}`);
-                    //htmx.ajax("GET", "/stub/tabletop/spotlight", { target: "spotlight-search .modal" });
-                    //window.dispatchEvent(new CustomEvent("show-spotlight-search"));
                     window.dispatchEvent(new CustomEvent("show-monster-menu"));
                 }
             });

client/src/room.ts

@@ -25,16 +25,6 @@ class Room {
     public dmgOverlay: boolean;
     public activeInitiative: string | null;
     private hasLogOn: boolean;
-    private selectedMonster?: {
-        x: number,
-        y: number,
-        name: string,
-        hp: number,
-        ac: number,
-        size: string,
-        image: string,
-        monsterId: string,
-    };
 
     constructor() {
         this.uid = "";
@@ -49,7 +39,6 @@ class Room {
         this.dmgOverlay = false;
         this.activeInitiative = null;
         this.hasLogOn = false;
-        this.selectedMonster = null;
         subscribe("socket", this.inbox.bind(this));
         this.init();
     }