feat(arc): add shadcn map

Author: kguzek

components.json

@@ -10,12 +10,15 @@
     "cssVariables": true,
     "prefix": ""
   },
+  "iconLibrary": "lucide",
   "aliases": {
     "components": "@/components",
     "utils": "@/lib/utils",
     "ui": "@/components/ui",
     "lib": "@/lib",
     "hooks": "@/hooks"
   },
-  "iconLibrary": "lucide"
+  "registries": {
+    "@shadcn-map": "http://shadcn-map.vercel.app/r/{name}.json"
+  }
 }

package-lock.json

@@ -51,7 +51,7 @@
     "@radix-ui/react-label": "^2.1.7",
     "@radix-ui/react-popover": "^1.1.15",
     "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.7",
+    "@radix-ui/react-separator": "^1.1.8",
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-switch": "^1.2.6",
     "@radix-ui/react-toggle": "^1.1.10",
@@ -77,6 +77,8 @@
     "date-fns": "^4.1.0",
     "jotai": "^2.15.0",
     "js-cookie": "^3.0.5",
+    "leaflet": "^1.9.4",
+    "leaflet-draw": "^1.0.4",
     "lowlight": "^3.3.0",
     "lucide-react": "^0.548.0",
     "next": "^16.0.0",
@@ -89,6 +91,7 @@
     "react-dom": "^19.2.0",
     "react-hook-form": "^7.65.0",
     "react-intersection-observer": "^9.16.0",
+    "react-leaflet": "^5.0.0",
     "react-medium-image-zoom": "^5.4.0",
     "sonner": "^2.0.7",
     "tailwind-merge": "^3.3.1",
@@ -108,6 +111,8 @@
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
     "@types/js-cookie": "^3.0.6",
+    "@types/leaflet": "^1.9.21",
+    "@types/leaflet-draw": "^1.0.13",
     "@types/node": "^22",
     "@types/react": "^19.2.2",
     "@types/react-dom": "^19",

package.json

@@ -0,0 +1,8 @@
+import { AbstractResourceLayout } from "@/features/resources/server";
+import type { WrapperProps } from "@/types/components";
+
+export default function MapLayout(props: WrapperProps) {
+  return (
+    <AbstractResourceLayout route="/map" header="Mapa obiektów" {...props} />
+  );
+}

src/app/(private)/map/layout.tsx

@@ -0,0 +1,12 @@
+import { BackToHomeButton } from "@/components/presentation/back-to-home-button";
+import { AbstractResourceMap } from "@/features/abstract-resource-collection";
+
+export default function MapPage() {
+  return (
+    // TODO: deduplicate this container wrapper
+    <div className="flex h-full flex-col justify-between gap-2">
+      <AbstractResourceMap />
+      <BackToHomeButton chevronsIcon className="self-start" />
+    </div>
+  );
+}

src/app/(private)/map/page.tsx

@@ -4,6 +4,7 @@ import {
   Building,
   Calendar,
   CircleQuestionMark,
+  Map,
   Megaphone,
   Notebook,
   RefreshCcw,
@@ -53,6 +54,7 @@ export default async function Home() {
             label="Sekcja o nas"
           />
           <DashboardButton resource={Resource.Notifications} icon={Bell} />
+          <DashboardButton href="/map" icon={Map} label="Mapa obiektów" />
         </div>
       </div>
     </div>