update App.js, src/components/DateRangePicker/index.scss, src/components/LeafletMap/index.js and src/components/LeafletMap/index.scss

src/App.js

@@ -138,7 +138,7 @@ function App() {
         {/* <DistributedData /> */}
         {/* <CardDesign1 /> */}
         {/* <CardDesign2 /> */}
-        <LeafletMap />
+        {/* <LeafletMap /> */}
 
         {/* *************************************************** mini components ***************************************************  */}
 
@@ -171,7 +171,7 @@ function App() {
         {/* <IndianaDragScroll /> */}
         {/* <IconText /> */}
         {/* <CustomToast /> */}
-        {/* <DateRangePicker /> */}
+        <DateRangePicker />
         {/* <div className="flex">
           <SidebarDesign2 className="w-1/5" />
           <span className="w-4/5 ">

src/components/DateRangePicker/index.scss

@@ -56,7 +56,7 @@
 
 .rmdp-week-day {
   color: #3b98f3;
-  font-size: 9px;
+  font-size: 9px !important;
 }
 
 .rmdp-shadow {

src/components/LeafletMap/index.js

@@ -6,6 +6,7 @@ import {
   FeatureGroup,
   Rectangle,
   useMap,
+  Marker,
   LayerGroup,
   ZoomControl,
   ScaleControl,
@@ -21,6 +22,8 @@ import "./index.scss";
 
 import grid from "../../assets/images/grid.png";
 
+// import placeholder from "../placeholder.png";
+
 import * as L from "leaflet";
 
 L.drawLocal = {
@@ -177,11 +180,6 @@ const LeafletMap = () => {
       </FeatureGroup>
       <LayerGroup></LayerGroup>
       <ScaleControl position="topleft" />
-
-      <a class="leaflet-draw-edit-edit" href="#" title="ویرایش لایه ها">
-        <span class="sr-only">ویرایش لایه ها</span>
-      </a>
-
       <ZoomControl position="topleft" />
     </MapContainer>
   );

src/components/LeafletMap/index.scss

@@ -1,12 +1,46 @@
+.leaflet-draw-toolbar a,
+span,
+title,
+p,
+li {
+  font-family: "iransans-medium" !important;
+}
+
+.leaflet-touch .leaflet-draw-actions a {
+  font-family: "iransans-medium" !important;
+}
+
 .leaflet-container {
   width: 100%;
   height: 100vh;
 }
+
 .leaflet-control-scale-line:not(:first-child) {
   display: none !important;
 }
+
 .leaflet-tile {
   border: 1px solid gray;
 
   box-sizing: content-box;
 }
+
+.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon {
+  display: none !important;
+}
+
+.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle {
+  display: none !important;
+}
+
+.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker {
+  display: none !important;
+}
+
+.leaflet-right .leaflet-draw-actions li:first-child a {
+  border-radius: 0px !important;
+}
+
+.leaflet-right .leaflet-draw-actions li:last-child a {
+  border-radius: 4px 0 0 4px;
+}