Add types for new styling module

UW-Macrostrat · Jun 11, 2024 · e4ecb66 · e4ecb66
1 parent b2c9dd0
commit e4ecb66
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/src/declaration.d.ts b/src/declaration.d.ts
@@ -1,5 +1,10 @@
 // declaration.d.ts
 
+import type { Hyper } from "@macrostrat/hyper";
+
+// Union of hyper and record
+type StyledHyper = Hyper & Record<string, string>;
+
 // Style modules
 declare module "*.module.styl" {
   const classes: { [key: string]: string };
@@ -11,7 +16,7 @@ declare module "*.styl" {
   export default content;
 }
 
-// Style modules
+// Override declarations for sass module
 declare module "*.module.sass" {
   const classes: { [key: string]: string };
   export default classes;

diff --git a/src/pages/map/map-interface/map-page/index.ts b/src/pages/map/map-interface/map-page/index.ts
@@ -16,7 +16,6 @@ import {
   useContextPanelOpen,
 } from "../app-state";
 import Searchbar from "../components/navbar";
-import styles from "./main.module.styl";
 import MapContainer from "./map-view";
 import { MenuPage } from "./menu";
 import { info } from "console";
@@ -25,7 +24,7 @@ const ElevationChart = loadable(() => import("../components/elevation-chart"));
 const InfoDrawer = loadable(() => import("../components/info-drawer"));
 const Menu = loadable(() => import("./menu"));
 
-const h = hyper.styled(styles);
+import h from "./main.module.styl";
 
 function MapView(props) {
   return h(