{/* box1 */}
-
+
{/* imageHolder */}
-
- 
+
{/* box2 */}
-
+
{/* text holder */}
@@ -30,10 +30,10 @@ const Functionalities = () => {
+
{/* imageHolder */}
-
-
+
{/* box3 */}
-
+
{/* text holder */}
@@ -52,10 +52,10 @@ const Functionalities = () => {
+
{/* imageHolder */}
-
-
+
{/* box4 */}
-
+
{/* text holder */}
@@ -74,10 +74,10 @@ const Functionalities = () => {
+
{/* imageHolder */}
-
-
+
{/* box5 */}
-
+
{/* text holder */}
@@ -96,10 +96,10 @@ const Functionalities = () => {
+
{/* imageHolder */}
-
-
+
{/* box6 */}
-
+
{/* text holder */}
@@ -118,10 +118,10 @@ const Functionalities = () => {
+
{/* imageHolder */}
-
-
+
+
{/* text holder */}
diff --git a/src/components/alert/alert.css b/src/components/alert/alert.css
index 3f08100..f1957fd 100644
--- a/src/components/alert/alert.css
+++ b/src/components/alert/alert.css
@@ -73,6 +73,7 @@
background-color: var(--white) !important;
border: solid 2px var(--error-color1) !important;
color: var(--error-color1) !important;
+ text-align: left !important;
}
/* ? هاور کانفرم باتن */
.confirm-button-1:hover {
diff --git a/src/components/footer/Footer.js b/src/components/footer/Footer.js
index 8583ef6..c0b5dfc 100644
--- a/src/components/footer/Footer.js
+++ b/src/components/footer/Footer.js
@@ -7,15 +7,15 @@ const Footer = () => {
-
هزاران درصد تخفیف بیشتر
-+
هزاران درصد تخفیف بیشتر
+با وارد کردن کد بهار تابستون از تخفیف 10 درصدی ویژه برخوردار شوید
diff --git a/src/components/footer/footer.css b/src/components/footer/footer.css
index 00f58cd..1a917e7 100644
--- a/src/components/footer/footer.css
+++ b/src/components/footer/footer.css
@@ -1,3 +1,17 @@
footer {
background-color: #2f6aa1;
}
+
+/* ?media */
+/* On screens that are 1200px or less, set the background color to blue */
+@media screen and (max-width: 992px) {
+ .title {
+ font-size: 16px;
+ }
+ .explain {
+ font-size: 14px;
+ }
+ .footer-button {
+ font-size: 14px;
+ }
+}
diff --git a/src/components/header/Header.js b/src/components/header/Header.js
index 436ffc8..ead53e0 100644
--- a/src/components/header/Header.js
+++ b/src/components/header/Header.js
@@ -7,7 +7,7 @@ const Header = () => {
{/* header title */}
-
+
امکانات و ویژگی های پلتفرم
diff --git a/src/components/header/header.css b/src/components/header/header.css index 06cb940..0c26706 100644 --- a/src/components/header/header.css +++ b/src/components/header/header.css @@ -12,3 +12,17 @@ header { .header-title:hover { background-color: #fff !important; } + +/* ?media */ +/* On screens that are 992px or less, set the background color to blue */ +@media screen and (max-width: 992px) { + .header-title { + font-size: 18px; + } +} + +@media screen and (max-width: 540px) { + .header-title { + font-size: 14px; + } +} diff --git a/src/components/sweetAlertToast/SweetAlert.css b/src/components/sweetAlertToast/SweetAlert.css new file mode 100644 index 0000000..470aae4 --- /dev/null +++ b/src/components/sweetAlertToast/SweetAlert.css @@ -0,0 +1,31 @@ +.swal2-icon { + font-size: 13px !important; +} +.swal2-timer-progress-bar { + background-color: palevioletred !important; +} +/* !error Toast */ +.error-toast-title { + color: var(--error-color7) !important; +} +.error-toast-modalBox { + background-color: var(--toast-bg-error) !important; +} +.error-toast-closeButton { + background-color: #ffc6c6 !important; + color: var(--white) !important; + padding: 15px !important; +} +/* *success Toast */ + +.success-toast-title { + color: var(--toast-success-color); +} +.success-toast-modalBox { + background-color: var(--toast-bg-success) !important; +} +.success-toast-closeButton { + background-color: #77df65 !important; + color: var(--toast-bg-success) !important; + padding: 15px !important; +} diff --git a/src/components/sweetAlertToast/SweetToast.js b/src/components/sweetAlertToast/SweetToast.js new file mode 100644 index 0000000..4523bf9 --- /dev/null +++ b/src/components/sweetAlertToast/SweetToast.js @@ -0,0 +1,146 @@ +import React from "react"; +import Swal from "sweetalert2"; +import "./SweetAlert.css"; + +const SweetToast = () => { + const sweetAlert1 = () => { + Swal.fire({ + icon: "error", + title: "ارور شماره 1", + showCloseButton: true, + toast: true, + position: "top-end", + customClass: { + title: "error-toast-title", + closeButton: "error-toast-closeButton", + popup: "error-toast-modalBox", + }, + showConfirmButton: false, + timer: 3000, + timerProgressBar: true, + didOpen: (toast) => { + toast.addEventListener("mouseenter", Swal.stopTimer); + toast.addEventListener("mouseleave", Swal.resumeTimer); + }, + }); + }; + + const sweetAlert2 = () => { + Swal.fire({ + icon: "success", + title: "ارور شماره 2", + showCloseButton: true, + toast: true, + position: "top-end", + customClass: { + title: "success-toast-title", + closeButton: "success-toast-closeButton", + popup: "success-toast-modalBox", + }, + showConfirmButton: false, + timer: 3000, + timerProgressBar: true, + didOpen: (toast) => { + toast.addEventListener("mouseenter", Swal.stopTimer); + toast.addEventListener("mouseleave", Swal.resumeTimer); + }, + }); + }; + + const sweetAlert3 = () => { + Swal.fire({ + title: "ارور شماره 1", + showCloseButton: true, + toast: true, + position: "top-end", + customClass: { + title: "error-toast-title", + closeButton: "error-toast-closeButton", + popup: "error-toast-modalBox", + }, + showConfirmButton: false, + }); + }; + + const sweetAlert4 = () => { + Swal.fire({ + title: "ارور شماره 2", + showCloseButton: true, + toast: true, + position: "top-end", + customClass: { + title: "success-toast-title", + closeButton: "success-toast-closeButton", + popup: "success-toast-modalBox", + }, + showConfirmButton: false, + }); + }; + + const sweetAlert5 = () => { + Swal.fire({ + title: "ارور شماره 1", + showCloseButton: true, + toast: true, + position: "top-end", + customClass: { + title: "error-toast-title", + closeButton: "error-toast-closeButton", + popup: "error-toast-modalBox", + }, + showConfirmButton: false, + timer: 3000, + timerProgressBar: true, + didOpen: (toast) => { + toast.addEventListener("mouseenter", Swal.stopTimer); + toast.addEventListener("mouseleave", Swal.resumeTimer); + }, + }); + }; + + const sweetAlert6 = () => { + Swal.fire({ + title: "ارور شماره 2", + showCloseButton: true, + toast: true, + position: "top-end", + customClass: { + title: "success-toast-title", + closeButton: "success-toast-closeButton", + popup: "success-toast-modalBox", + }, + showConfirmButton: false, + timer: 3000, + timerProgressBar: true, + didOpen: (toast) => { + toast.addEventListener("mouseenter", Swal.stopTimer); + toast.addEventListener("mouseleave", Swal.resumeTimer); + }, + }); + }; + + return ( +
+
+
+
+
+
+
+
+ );
+};
+
+export default SweetToast;
diff --git a/src/reducers/index.js b/src/reducers/index.js
new file mode 100644
index 0000000..e69de29
diff --git a/yarn.lock b/yarn.lock
index 6b910f9..a097ecf 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1131,24 +1131,10 @@
"core-js-pure" "^3.0.0"
"regenerator-runtime" "^0.13.4"
-"@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4":
- "integrity" "sha512-BogPQ7ciE6SYAUPtlm9tWbgI9+2AgqSam6QivMgXgAT+fKbgppaj4ZX15MHeLC1PVF5sNk70huBu20XxWOs8Cg=="
- "resolved" "https://registry.npmjs.org/@babel/runtime/-/runtime-7.12.18.tgz"
- "version" "7.12.18"
- dependencies:
- "regenerator-runtime" "^0.13.4"
-
-"@babel/runtime@^7.12.5":
- "integrity" "sha512-Nht8L0O8YCktmsDV6FqFue7vQLRx3Hb0B37lS5y0jDRqRxlBG4wIJHnf9/bgSE2UyipKFA01YtS+npRdTWBUyw=="
- "resolved" "https://registry.npmjs.org/@babel/runtime/-/runtime-7.16.0.tgz"
- "version" "7.16.0"
- dependencies:
- "regenerator-runtime" "^0.13.4"
-
-"@babel/runtime@^7.9.2":
- "integrity" "sha512-Nht8L0O8YCktmsDV6FqFue7vQLRx3Hb0B37lS5y0jDRqRxlBG4wIJHnf9/bgSE2UyipKFA01YtS+npRdTWBUyw=="
- "resolved" "https://registry.npmjs.org/@babel/runtime/-/runtime-7.16.0.tgz"
- "version" "7.16.0"
+"@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.15.4", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
+ "integrity" "sha512-WBwekcqacdY2e9AF/Q7WLFUWmdJGJTkbjqTjoMDgXkVZ3ZRUvOPsLb5KdwISoQVsbP+DQzVZW4Zhci0DvpbNTQ=="
+ "resolved" "https://registry.npmjs.org/@babel/runtime/-/runtime-7.16.3.tgz"
+ "version" "7.16.3"
dependencies:
"regenerator-runtime" "^0.13.4"
@@ -1801,6 +1787,14 @@
dependencies:
"@types/node" "*"
+"@types/hoist-non-react-statics@^3.3.0":
+ "integrity" "sha512-iMIqiko6ooLrTh1joXodJK5X9xeEALT1kM5G3ZLhD3hszxBdIEd5C75U834D9mLcINgD4OyZf5uQXjkuYydWvA=="
+ "resolved" "https://registry.npmjs.org/@types/hoist-non-react-statics/-/hoist-non-react-statics-3.3.1.tgz"
+ "version" "3.3.1"
+ dependencies:
+ "@types/react" "*"
+ "hoist-non-react-statics" "^3.3.0"
+
"@types/html-minifier-terser@^5.0.0":
"integrity" "sha512-giAlZwstKbmvMk1OO7WXSj4OZ0keXAcl2TQq4LWHiiPH2ByaH7WeUzng+Qej8UPxxv+8lRTuouo0iaNDBuzIBA=="
"resolved" "https://registry.npmjs.org/@types/html-minifier-terser/-/html-minifier-terser-5.1.1.tgz"
@@ -1868,11 +1862,35 @@
"resolved" "https://registry.npmjs.org/@types/prettier/-/prettier-2.2.1.tgz"
"version" "2.2.1"
+"@types/prop-types@*":
+ "integrity" "sha512-rZ5drC/jWjrArrS8BR6SIr4cWpW09RNTYt9AMZo3Jwwif+iacXAqgVjm0B0Bv/S1jhDXKHqRVNCbACkJ89RAnQ=="
+ "resolved" "https://registry.npmjs.org/@types/prop-types/-/prop-types-15.7.4.tgz"
+ "version" "15.7.4"
+
"@types/q@^1.5.1":
"integrity" "sha512-1HcDas8SEj4z1Wc696tH56G8OlRaH/sqZOynNNB+HF0WOeXPaxTtbYzJY2oEfiUxjSKjhCKr+MvR7dCHcEelug=="
"resolved" "https://registry.npmjs.org/@types/q/-/q-1.5.4.tgz"
"version" "1.5.4"
+"@types/react-redux@^7.1.20":
+ "integrity" "sha512-q42es4c8iIeTgcnB+yJgRTTzftv3eYYvCZOh1Ckn2eX/3o5TdsQYKUWpLoLuGlcY/p+VAhV9IOEZJcWk/vfkXw=="
+ "resolved" "https://registry.npmjs.org/@types/react-redux/-/react-redux-7.1.20.tgz"
+ "version" "7.1.20"
+ dependencies:
+ "@types/hoist-non-react-statics" "^3.3.0"
+ "@types/react" "*"
+ "hoist-non-react-statics" "^3.3.0"
+ "redux" "^4.0.0"
+
+"@types/react@*":
+ "integrity" "sha512-46FEGrMjc2+8XhHXILr+3+/sTe3OfzSPU9YGKILLrUYbQ1CLQC9Daqo1KzENGXAWwrFwiY0l4ZbF20gRvgpWTg=="
+ "resolved" "https://registry.npmjs.org/@types/react/-/react-17.0.34.tgz"
+ "version" "17.0.34"
+ dependencies:
+ "@types/prop-types" "*"
+ "@types/scheduler" "*"
+ "csstype" "^3.0.2"
+
"@types/resolve@0.0.8":
"integrity" "sha512-auApPaJf3NPfe18hSoJkp8EbZzer2ISk7o8mCC3M9he/a04+gbMF97NkpD2S8riMGvm4BMRI59/SZQSaLTKpsQ=="
"resolved" "https://registry.npmjs.org/@types/resolve/-/resolve-0.0.8.tgz"
@@ -1880,6 +1898,11 @@
dependencies:
"@types/node" "*"
+"@types/scheduler@*":
+ "integrity" "sha512-hppQEBDmlwhFAXKJX2KnWLYu5yMfi91yazPb2l+lbJiwW+wdo1gNeRA+3RgNSO39WYX2euey41KEwnqesU2Jew=="
+ "resolved" "https://registry.npmjs.org/@types/scheduler/-/scheduler-0.16.2.tgz"
+ "version" "0.16.2"
+
"@types/source-list-map@*":
"integrity" "sha512-K5K+yml8LTo9bWJI/rECfIPrGgxdpeNbj+d53lwN4QjW1MCwlkhUms+gtdzigTeUyBr09+u8BwOIY3MXvHdcsA=="
"resolved" "https://registry.npmjs.org/@types/source-list-map/-/source-list-map-0.1.2.tgz"
@@ -4043,6 +4066,11 @@
dependencies:
"cssom" "~0.3.6"
+"csstype@^3.0.2":
+ "integrity" "sha512-rpw6JPxK6Rfg1zLOYCSwle2GFOOsnjmDYDaBwEcwoOg4qlsIVCN789VkBZDJAGi4T07gI4YSutR43t9Zz4Lzuw=="
+ "resolved" "https://registry.npmjs.org/csstype/-/csstype-3.0.9.tgz"
+ "version" "3.0.9"
+
"cyclist@^1.0.1":
"integrity" "sha1-WW6WmP0MgOEgOMK4LW6xs1tiJNk="
"resolved" "https://registry.npmjs.org/cyclist/-/cyclist-1.0.1.tgz"
@@ -5674,7 +5702,7 @@
"minimalistic-assert" "^1.0.0"
"minimalistic-crypto-utils" "^1.0.1"
-"hoist-non-react-statics@^3.0.0":
+"hoist-non-react-statics@^3.0.0", "hoist-non-react-statics@^3.3.0", "hoist-non-react-statics@^3.3.2":
"integrity" "sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw=="
"resolved" "https://registry.npmjs.org/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz"
"version" "3.3.2"
@@ -9366,10 +9394,22 @@
"resolved" "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz"
"version" "16.13.1"
-"react-is@^17.0.1", "react-is@>= 16.8.0":
- "integrity" "sha512-NAnt2iGDXohE5LI7uBnLnqvLQMtzhkiAOLXTmv+qnF9Ky7xAPcX8Up/xWIhxvLVGJvuLiNc4xQLtuqDRzb4fSA=="
- "resolved" "https://registry.npmjs.org/react-is/-/react-is-17.0.1.tgz"
- "version" "17.0.1"
+"react-is@^17.0.1", "react-is@^17.0.2", "react-is@>= 16.8.0":
+ "integrity" "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="
+ "resolved" "https://registry.npmjs.org/react-is/-/react-is-17.0.2.tgz"
+ "version" "17.0.2"
+
+"react-redux@^7.2.6":
+ "integrity" "sha512-10RPdsz0UUrRL1NZE0ejTkucnclYSgXp5q+tB5SWx2qeG2ZJQJyymgAhwKy73yiL/13btfB6fPr+rgbMAaZIAQ=="
+ "resolved" "https://registry.npmjs.org/react-redux/-/react-redux-7.2.6.tgz"
+ "version" "7.2.6"
+ dependencies:
+ "@babel/runtime" "^7.15.4"
+ "@types/react-redux" "^7.1.20"
+ "hoist-non-react-statics" "^3.3.2"
+ "loose-envify" "^1.4.0"
+ "prop-types" "^15.7.2"
+ "react-is" "^17.0.2"
"react-refresh@^0.8.3", "react-refresh@>=0.8.3 <0.10.0":
"integrity" "sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg=="
@@ -9449,7 +9489,7 @@
dependencies:
"clsx" "^1.1.1"
-"react@*", "react@^16.0.0 || ^17.0.0", "react@^17.0.2", "react@>= 16", "react@>= 16.8.0", "react@>=16", "react@17.0.2":
+"react@*", "react@^16.0.0 || ^17.0.0", "react@^16.8.3 || ^17", "react@^17.0.2", "react@>= 16", "react@>= 16.8.0", "react@>=16", "react@17.0.2":
"integrity" "sha512-gnhPt75i/dq/z3/6q/0asP78D0u592D5L1pd7M8P+dck6Fu/jJeL6iVVK23fptSUZj8Vjf++7wXA8UNclGQcbA=="
"resolved" "https://registry.npmjs.org/react/-/react-17.0.2.tgz"
"version" "17.0.2"
@@ -9564,6 +9604,13 @@
"indent-string" "^4.0.0"
"strip-indent" "^3.0.0"
+"redux@^4.0.0", "redux@^4.1.2":
+ "integrity" "sha512-SH8PglcebESbd/shgf6mii6EIoRM0zrQyjcuQ+ojmfxjTtE0z9Y8pa62iA/OJ58qjP6j27uyW4kUF4jl/jd6sw=="
+ "resolved" "https://registry.npmjs.org/redux/-/redux-4.1.2.tgz"
+ "version" "4.1.2"
+ dependencies:
+ "@babel/runtime" "^7.9.2"
+
"regenerate-unicode-properties@^8.2.0":
"integrity" "sha512-F9DjY1vKLo/tPePDycuH3dn9H1OTPIkVD9Kz4LODu+F2C75mgjAJ7x/gwy6ZcSNRAAkhNlJSOHRe8k3p+K9WhA=="
"resolved" "https://registry.npmjs.org/regenerate-unicode-properties/-/regenerate-unicode-properties-8.2.0.tgz"