update src/components/Alert/index.js

src/components/Alert/index.js

@@ -13,7 +13,7 @@ function Alert(props) {
       <button
         className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
-          props.customAlert({
+          props.confirmAlert({
             title: "اررور شماره 1",
             text: "متن تستی توضیح بیشتر که برای کاربر نمایش خواهد داده شد و اینکه متن تستی است.",
             confirmButtonText: "متوجه شدم",
@@ -33,7 +33,7 @@ function Alert(props) {
       <button
         className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
-          props.customAlert({
+          props.confirmAlert({
             title: "اررور شماره 1",
             text: "متن تستی توضیح بیشتر که برای کاربر نمایش خواهد داده شد و اینکه متن تستی است.",
             confirmButtonText: "توضیح بیشتر",
@@ -55,7 +55,7 @@ function Alert(props) {
       <button
         className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
-          props.customAlert({
+          props.confirmAlert({
             title: "اررور شماره 1",
             text: "متن تستی توضیح بیشتر که برای کاربر نمایش خواهد داده شد و اینکه متن تستی است.",
             confirmButtonText: "توضیح بیشتر",
@@ -77,7 +77,7 @@ function Alert(props) {
       <button
         className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
-          props.customAlert({
+          props.confirmAlert({
             icon: "success",
             title: "اررور شماره 1",
             text: "متن تستی توضیح بیشتر که برای کاربر نمایش خواهد داده شد و اینکه متن تستی است.",
@@ -100,7 +100,7 @@ function Alert(props) {
       <button
         className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
-          props.customAlert({
+          props.confirmAlert({
             input: "email",
             inputPlaceholder: "ایمیل خود را اینجا بنویسید",
             imageUrl: "https://unsplash.it/400/200",
@@ -126,7 +126,7 @@ function Alert(props) {
       <button
         className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
-          props.customAlert({
+          props.confirmAlert({
             title: "اررور شماره 1",
             text: "متن تستی توضیح بیشتر که برای کاربر نمایش خواهد داده شد و اینکه متن تستی است.",
             confirmButtonText: "توضیح بیشتر",
@@ -146,7 +146,7 @@ function Alert(props) {
       <button
         className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
-          props.customAlert({
+          props.confirmAlert({
             title: "اررور شماره 1",
             text: "متن تستی توضیح بیشتر که برای کاربر نمایش خواهد داده شد و اینکه متن تستی است.",
             confirmButtonText: "توضیح بیشتر",
@@ -168,7 +168,7 @@ function Alert(props) {
       <button
         className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
-          props.customAlert({
+          props.confirmAlert({
             icon: "error",
             title: "اررور شماره 1",
             text: "متن تستی توضیح بیشتر که برای کاربر نمایش خواهد داده شد و اینکه متن تستی است.",
@@ -191,7 +191,7 @@ function Alert(props) {
       <button
         className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
-          props.customAlert({
+          props.confirmAlert({
             title: "این ارور بسیار مهم ",
             html: "<p style='color:#fff;'>در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد شد. طراح سعی می کند تا این متن را بیشتر از حدانتظار بلند کند تا دیگران متوجه مفهوم شوند</p>",
             confirmButtonText: "رد کردن",
@@ -216,7 +216,7 @@ function Alert(props) {
       <button
         className="bg-red-600 p-4 rounded text-white m-4"
         onClick={() =>
-          props.customAlert({
+          props.confirmAlert({
             title: "این ارور بسیار مهم ",
             html: "<p style='color:#fff;'>در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته خواهد شد. طراح سعی می کند تا این متن را بیشتر از حدانتظار بلند کند تا دیگران متوجه مفهوم شوند</p>",
             confirmButtonText: "رد کردن",