diff --git a/src/App.js b/src/App.js
index cf7b816..c84fce2 100644
--- a/src/App.js
+++ b/src/App.js
@@ -49,14 +49,14 @@ function App() {
/>
-
+ {/* */}
{/*
*/}
- {/* */}
- {/*
- */}
+
+ {/* */}
+
diff --git a/src/components/alert/Alert.js b/src/components/alert/Alert.js
index 206222e..06fb8de 100644
--- a/src/components/alert/Alert.js
+++ b/src/components/alert/Alert.js
@@ -1,247 +1,247 @@
import React from "react";
-import Swal from "sweetalert2";
-import withReactContent from "sweetalert2-react-content";
import "./alert.css";
-import undraw from "../../icons/undraw.png";
-
-const Alert = () => {
- // error1
- const showAlert = () => {
- Swal.fire({
- title: "عنوان متن ارور",
- text: "در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد شد. طراح سعی می کند تا این متن را بیشتر از حدانتظار بلند کند تا دیگران متوجه مفهوم شوند",
- confirmButtonText: "متوجه شدم",
- showCloseButton: true,
- customClass: {
- title: "title-error-1",
- closeButton: "close-button-1",
- confirmButton: "confirm-button-1",
- },
- });
- };
- // error2
- const showAlert2 = () => {
- Swal.fire({
- title: "عنوان متن ارور",
- text: "در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد شد. طراح سعی می کند تا این متن را بیشتر از حدانتظار بلند کند تا دیگران متوجه مفهوم شوند",
- confirmButtonText: "توضیح بیشتر",
- showCloseButton: true,
- showCancelButton: true,
- cancelButtonText: "متوجه شدم",
- customClass: {
- title: "title-error-1",
- closeButton: "close-button-1",
- confirmButton: "confirm-button-1",
- cancelButton: "cancle-button1",
- },
- }).then((result) => {
- if (result.isConfirmed) {
- Swal.fire("Deleted!", "Your file has been deleted.", "success");
- }
- });
- };
- // error3
- const showAlert3 = () => {
- Swal.fire({
- title: "عنوان متن ارور",
- text: "در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد شد. طراح سعی می کند تا این متن را بیشتر از حدانتظار بلند کند تا دیگران متوجه مفهوم شوند",
- confirmButtonText: "توضیح بیشتر",
- customClass: {
- title: "title-error-2",
- closeButton: "close-button-2",
- confirmButton: "confirm-button-2",
- cancelButton: "cancle-button2",
- },
- showCloseButton: true,
- showCancelButton: true,
- cancelButtonText: "متوجه شدم",
- }).then((result) => {
- if (result.isConfirmed) {
- Swal.fire("Deleted!", "Your file has been deleted.", "success");
- }
- });
- };
- // error4
- const showAlert4 = () => {
- Swal.fire({
- icon: "success",
- title: "عنوان متن ارور",
- text: "در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد شد. طراح سعی می کند تا این متن را بیشتر از حدانتظار بلند کند تا دیگران متوجه مفهوم شوند",
- confirmButtonText: "توضیح بیشتر",
- showCloseButton: false,
- showCancelButton: true,
- cancelButtonText: "متوجه شدم",
- customClass: {
- title: "title-error-4",
- confirmButton: "confirm-button-2",
- cancelButton: "cancle-button2",
- popup: "alert-popup4",
- },
- }).then((result) => {
- if (result.isConfirmed) {
- Swal.fire("Deleted!", "Your file has been deleted.", "success");
- }
- });
- };
- // error5
- const showAlert5 = () => {
- const { value: email } = Swal.fire({
- input: "email",
- inputPlaceholder: "ایمیل خود را اینجا بنویسید",
- imageUrl: "https://unsplash.it/400/200",
- imageAlt: "Custom image",
- showCloseButton: true,
- imageWidth: 400,
- imageHeight: 200,
- confirmButtonText: "عضو شوید",
- html: "
این یک پیام تستی است که میتوان استایل دلخواه با استفاده از کدهای اچ تی ام ال داد و من اول یه تگ پی گذاشتم و بعد داخل تگ یه اسپن گذاشتم و به این استایل اینلاین دادم
",
- customClass: {
- confirmButton: "confirm-button-5",
- input: "input-error-5",
- closeButton: "close-button-2",
- },
- });
-
- if (email) {
- Swal.fire(`Entered email: ${email}`);
- }
- };
- // error6
- const showAlert6 = () => {
- Swal.fire({
- title: "عنوان متن ارور",
- text: "در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد شد. طراح سعی می کند تا این متن را بیشتر از حدانتظار بلند کند تا دیگران متوجه مفهوم شوند",
- confirmButtonText: "مشاهده امکانات",
- showCloseButton: true,
- customClass: {
- title: "title-error-1",
- closeButton: "close-button-6",
- confirmButton: "confirm-button-1",
- },
- }).then((result) => {
- if (result.isConfirmed) {
- Swal.fire("Deleted!", "Your file has been deleted.", "success");
- }
- });
- };
- // error7
- const showAlert7 = () => {
- Swal.fire({
- title: "عنوان متن ارور",
- text: "در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد شد. طراح سعی می کند تا این متن را بیشتر از حدانتظار بلند کند تا دیگران متوجه مفهوم شوند",
- confirmButtonText: "توضیح بیشتر",
- showCloseButton: true,
- showCancelButton: true,
- cancelButtonText: "متوجه شدم",
- customClass: {
- title: "title-error-7",
- closeButton: "close-button-7",
- confirmButton: "confirm-button-7",
- cancelButton: "cancle-button7",
- },
- }).then((result) => {
- if (result.isConfirmed) {
- Swal.fire("Deleted!", "Your file has been deleted.", "success");
- }
- });
- };
- // error8
- const showAlert8 = () => {
- Swal.fire({
- icon: "error",
- title: "این یک متن موفقیت امیز است!!!",
- text: "در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد شد. طراح سعی می کند تا این متن را بیشتر از حدانتظار بلند کند تا دیگران متوجه مفهوم شوند",
- confirmButtonText: "توضیح بیشتر",
- showCloseButton: false,
- showCancelButton: true,
- cancelButtonText: "متوجه شدم",
- customClass: {
- title: "title-error-8",
- confirmButton: "confirm-button-7",
- cancelButton: "cancle-button7",
- popup: "alert-popup8",
- },
- }).then((result) => {
- if (result.isConfirmed) {
- Swal.fire("Deleted!", "Your file has been deleted.", "success");
- }
- });
- };
- // error9
- const showAlert9 = () => {
- Swal.fire({
- title: "این ارور بسیار مهم ",
- html: "
در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد شد. طراح سعی می کند تا این متن را بیشتر از حدانتظار بلند کند تا دیگران متوجه مفهوم شوند
در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد شد. طراح سعی می کند تا این متن را بیشتر از حدانتظار بلند کند تا دیگران متوجه مفهوم شوند