Einsatz Card

apps/dispatch/app/(dispatch)/_components/Map.tsx

@@ -3,6 +3,7 @@ import { useEffect, useRef } from "react";
 
 import L from "leaflet";
 import "leaflet/dist/leaflet.css";
+import ToastCard from "./toast/ToastCard";
 
 export default () => {
 	const mapRef = useRef<HTMLDivElement>(null);
@@ -24,5 +25,18 @@ export default () => {
 		};
 	}, []);
 
-	return <div ref={mapRef} className="w-full h-full rounded-lg shadow-lg" />;
+	return (
+		<div className="relative w-full h-full">
+			<div
+				ref={mapRef}
+				className="w-full h-full rounded-lg shadow-lg"
+				style={{
+					filter:
+						"invert(100%) hue-rotate(180deg) brightness(95%) contrast(90%)",
+					background: "#000 !important",
+				}}
+			/>
+			<ToastCard />
+		</div>
+	);
 };