diff --git a/package.json b/package.json
index 440dd23..ac24344 100644
--- a/package.json
+++ b/package.json
@@ -12,11 +12,13 @@
"axios": "^0.24.0",
"jalali-moment": "^3.3.10",
"jol-player": "^2.5.0",
+ "leaflet": "^1.8.0",
"lodash": "^4.17.21",
"mapir-react-component": "^2.0.1",
- "react": "^17.0.2",
- "react-dom": "^17.0.2",
+ "react": "^18.2.0",
+ "react-dom": "^18.2.0",
"react-indiana-drag-scroll": "^2.1.0",
+ "react-leaflet": ">=3.1.0 <3.2.0 || ^3.2.1",
"react-modern-drawer": "^1.0.1",
"react-qr-reader": "^2.2.1",
"react-redux": "^7.2.6",
@@ -45,21 +47,14 @@
"react-app/jest"
]
},
- "browserslist": {
- "production": [
- ">0.2%",
- "not dead",
- "not op_mini all"
+ "browserslist":[
+ ">0.2%",
+ "not dead",
+ "not op_mini all"
],
- "development": [
- "last 1 chrome version",
- "last 1 firefox version",
- "last 1 safari version"
- ]
- },
"devDependencies": {
"autoprefixer": "^9.8.8",
"postcss": "^7.0.39",
"tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.2.17"
}
-}
\ No newline at end of file
+}
diff --git a/src/App.scss b/src/App.scss
index b58ed11..bef4cfb 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -1,4 +1,3 @@
-
@import "./constants/size.scss";
@import "./constants/colors.scss";
@import "./views/Home/Landscape/Page1/index.scss";
diff --git a/src/assets/icons/filter-icon.svg b/src/assets/icons/filter-icon.svg
new file mode 100644
index 0000000..cc27428
--- /dev/null
+++ b/src/assets/icons/filter-icon.svg
@@ -0,0 +1,12 @@
+
diff --git a/src/components/Avatar/index.js b/src/components/Avatar/index.js
index 2e82277..dbc20cc 100644
--- a/src/components/Avatar/index.js
+++ b/src/components/Avatar/index.js
@@ -7,7 +7,7 @@ function Avatar({ source, size, rounded, status }) {
{status && (
diff --git a/src/components/LeafletMap/index.js b/src/components/LeafletMap/index.js
new file mode 100644
index 0000000..343eb15
--- /dev/null
+++ b/src/components/LeafletMap/index.js
@@ -0,0 +1,42 @@
+import React from "react";
+
+import { MapContainer, TileLayer, Popup, Marker } from "react-leaflet";
+import "leaflet/dist/leaflet.css";
+import L from "leaflet";
+import icon from "leaflet/dist/images/marker-icon.png";
+import iconShadow from "leaflet/dist/images/marker-shadow.png";
+
+const bounds = [
+ [35.7020226, 51.4281064],
+ [35.7020226, 51.4281064],
+];
+
+let DefaultIcon = L.icon({
+ iconUrl: icon,
+ shadowUrl: iconShadow,
+});
+
+L.Marker.prototype.options.icon = DefaultIcon;
+
+const LeafletMap = () => {
+ return (
+
Easily customizable.
+
- {window.t("سردبیر بخش وبلاگ دانوین")} + {blog?.author.role}
- {window.t("سردبیر بخش وبلاگ دانوین")} + {blog?.author.role}
- {window.t("سردبیر بخش وبلاگ دانوین")} + {blog?.author.role}
- {window.t("سردبیر بخش وبلاگ دانوین")} + {blog?.author.role}
- {window.t( - "هر نفسی که فرو می بریم، مرگی را که مدام به ما دست اندازی میکند پس میزند در نهایت این مرگ" - )} -
+ +