From 8c0bcd60c9fd81f8cda0a23df0bde0d77ccb8cdb Mon Sep 17 00:00:00 2001
From: Logan <Logan@simplestepsolutions.com>
Date: Mon, 6 Apr 2026 02:45:18 -0400
Subject: [PATCH] Maps fix

---
 drb-frontend/app/globals.css        | 2 ++
 drb-frontend/components/MapView.tsx | 2 --
 drb-frontend/next.config.mjs        | 1 +
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/drb-frontend/app/globals.css b/drb-frontend/app/globals.css
index aad9296..027aefa 100644
--- a/drb-frontend/app/globals.css
+++ b/drb-frontend/app/globals.css
@@ -2,6 +2,8 @@
 @tailwind components;
 @tailwind utilities;
 
+@import 'leaflet/dist/leaflet.css';
+
 html, body {
   @apply bg-gray-950 text-gray-100 font-mono;
 }
diff --git a/drb-frontend/components/MapView.tsx b/drb-frontend/components/MapView.tsx
index 8bc738e..f0970fd 100644
--- a/drb-frontend/components/MapView.tsx
+++ b/drb-frontend/components/MapView.tsx
@@ -4,8 +4,6 @@ import { useEffect } from "react";
 import { MapContainer, TileLayer, Marker, Popup, useMap } from "react-leaflet";
 import L from "leaflet";
 import type { NodeRecord, CallRecord } from "@/lib/types";
-import "leaflet/dist/leaflet.css";
-
 // Fix Leaflet default icon paths broken by webpack
 delete (L.Icon.Default.prototype as unknown as Record<string, unknown>)._getIconUrl;
 L.Icon.Default.mergeOptions({
diff --git a/drb-frontend/next.config.mjs b/drb-frontend/next.config.mjs
index 8c8bab6..0242696 100644
--- a/drb-frontend/next.config.mjs
+++ b/drb-frontend/next.config.mjs
@@ -1,6 +1,7 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   output: "standalone",
+  transpilePackages: ["leaflet", "react-leaflet"],
 };
 
 export default nextConfig;