integrate maps

aliounebfam · Nov 13, 2022 · 5a9902f · 5a9902f
1 parent 50abb0b
commit 5a9902f
Show file tree

Hide file tree

Showing 6 changed files with 506 additions and 17 deletions.
diff --git a/index.html b/index.html
@@ -10,6 +10,20 @@
   <link rel="apple-touch-icon" href="/assets/apple-touch-icon.png" sizes="180x180">
   <link rel="mask-icon" href="/assets/favicon.svg" color="#FFFFFF">
   <meta name="theme-color" content="#1930b5">
+
+
+  <!-- Leaflet start -->
+  <link rel="stylesheet" href="https://unpkg.com/[email protected]/dist/leaflet.css"
+    integrity="sha256-sA+zWATbFveLLNqWO2gtiw3HL/lh1giY/Inf1BJ0z14=" crossorigin="" />
+
+  <script src="https://unpkg.com/[email protected]/dist/leaflet.js"
+    integrity="sha256-o9N1jGDZrf5tS+Ft4gbIK7mYMipq9lqpVJ91xHSyKhg=" crossorigin="" defer></script>
+  <!-- Leaflet end -->
+
+  <link rel="stylesheet" href="style.css" />
+
+  <title>Document</title>
+
 </head>
 
 <body>

diff --git a/package.json b/package.json
@@ -20,12 +20,15 @@
     "@mui/x-data-grid": "^5.17.5",
     "firebase": "^9.10.0",
     "hamburger-react": "^2.5.0",
+    "leaflet": "^1.9.2",
+    "leaflet-boundary-canvas": "^1.0.0",
     "notistack": "^2.0.5",
     "react": "^18.2.0",
     "react-camera-pro": "^1.2.1",
     "react-detect-offline": "^2.4.5",
     "react-dom": "^18.2.0",
     "react-hook-form": "^7.36.1",
+    "react-leaflet": "^4.1.0",
     "react-multi-date-picker": "^3.3.1",
     "react-router-dom": "^6.4.0",
     "react-simple-typewriter": "^4.0.2",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/components/app/Header.jsx b/src/components/app/Header.jsx
@@ -28,7 +28,7 @@ export default function Header() {
 
     return (
         <>
-            <header className="shadow-md shadow-violet-600/30 z-10 sticky bg-gray-900 text-white top-0 pt-3 lg:pb-0 lg:pt-2">
+            <header className="shadow-md shadow-violet-600/30 z-50 sticky bg-gray-900 text-white top-0 pt-3 lg:pb-0 lg:pt-2">
                 <div className=" px-4 mx-auto max-w-7xl sm:px-6 lg:px-8">
                     <nav className="flex items-center justify-between h-16 lg:h-20">
                         <Link to={'/'} className="flex-shrink-0 hover:text-transparent text-white transition-all duration-[350ms] flex items-center">