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": "https://shadcn-map.vercel.app/r/{name}.json"
+  }
 }

package-lock.json

@@ -52,7 +52,7 @@
     "@radix-ui/react-label": "^2.1.8",
     "@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",
@@ -78,6 +78,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.1.6",
@@ -90,6 +92,7 @@
     "react-dom": "^19.2.3",
     "react-hook-form": "^7.65.0",
     "react-intersection-observer": "^9.16.0",
+    "react-leaflet": "^5.0.0",
     "react-medium-image-zoom": "^5.4.0",
     "sanitize-html": "^2.17.1",
     "sonner": "^2.0.7",
@@ -110,6 +113,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.19.3",
     "@types/react": "^19.2.7",
     "@types/react-dom": "^19",

package.json

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

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

@@ -0,0 +1,12 @@
+import { BackToHomeButton } from "@/components/presentation/back-to-home-button";
+import { AbstractResourceMap } from "@/features/abstract-resource-map";
+
+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)/interactive-map/page.tsx

@@ -1,4 +1,4 @@
-import { RefreshCcw } from "lucide-react";
+import { Map, RefreshCcw } from "lucide-react";
 
 import { DashboardButton } from "@/components/presentation/dashboard-button";
 import { getUserDisplayName } from "@/features/authentication";
@@ -39,6 +39,11 @@ export default async function Home() {
           <DashboardButton resource={Resource.Notifications} />
           <DashboardButton resource={Resource.AcademicSemesters} />
           <DashboardButton resource={Resource.MobileConfig} />
+          <DashboardButton
+            href="/interactive-map"
+            icon={Map}
+            label="Mapa obiektów"
+          />
         </div>
       </div>
     </div>