delete 3 files and update 2 files

src/components/Alert/index.css

@@ -1,321 +0,0 @@
-@charset "UTF-8";
-.swal2-container.swal2-center > .swal2-popup {
-  border: solid 2px #707070 !important;
-  border-top-right-radius: 10px !important;
-  border-top-left-radius: 10px !important;
-}
-
-/* ? کلاس تمامی تایتل ها */
-.swal2-title {
-  text-align: right !important;
-  font-size: 20px !important;
-  padding: 15px !important;
-  font-weight: 400 !important;
-  margin-top: -4px;
-  border-top-right-radius: 10px !important;
-  border-top-left-radius: 10px !important;
-}
-
-/* ? کلاس متن داخل الرت باکس */
-.swal2-html-container {
-  text-align: justify !important;
-  line-height: 1.8 !important;
-  color: #646464 !important;
-  font-size: 16px !important;
-}
-
-/* ? کلاس ایکن کنسل یا ضربدر بالا سمت چپ الرت باکس */
-.swal2-rtl .swal2-close {
-  width: 31px !important;
-  height: 30px !important;
-  margin-top: 11px;
-  margin-left: 24px !important;
-  padding: 0;
-  border-radius: 5px;
-  cursor: pointer;
-  -ms-grid-column-align: end;
-      justify-self: end;
-  font-size: 33px !important;
-  border-radius: 4px !important;
-  -webkit-transition: all 0.2s !important;
-  transition: all 0.2s !important;
-  z-index: 2;
-}
-
-/* ? کلاس کانفرم باتن */
-.swal2-styled.swal2-confirm {
-  -webkit-transition: all 0.4s !important;
-  transition: all 0.4s !important;
-  outline: none !important;
-}
-
-/* ? کلاس هاور کانفرم باتن */
-.swal2-styled.swal2-confirm:hover {
-  -webkit-transform: translateY(-5px) !important;
-          transform: translateY(-5px) !important;
-}
-
-/* ? کلاس کنسل باتن */
-.swal2-styled.swal2-cancel {
-  -webkit-transition: all 0.4s !important;
-  transition: all 0.4s !important;
-}
-
-/* ? کلاس هاور کنسل باتن */
-.swal2-styled.swal2-cancel:hover {
-  -webkit-transform: translateY(-5px) !important;
-          transform: translateY(-5px) !important;
-}
-
-/* ? ایکن اررور  */
-.swal2-icon.swal2-error {
-  border-color: #e92424 !important;
-  color: #e92424 !important;
-}
-
-.title-error-1 {
-  color: #06bace !important;
-  background-color: #dfe6e9 !important;
-}
-
-.eroorr:focus {
-  outline: none !important;
-  -webkit-box-shadow: 0px 0px 0px black !important;
-          box-shadow: 0px 0px 0px black !important;
-  border: 0px !important;
-}
-
-/* ? دکمه ضربدر بالا سمت چپ */
-.close-button-1 {
-  background-color: #06bace !important;
-  color: #fff !important;
-}
-
-/* ?  هاور دکمه ضربدر بالا سمت چپ */
-.close-button-1:hover {
-  background-color: var(--white) !important;
-  color: #06bace !important;
-  border: solid 2px #06bace !important;
-}
-
-/* ? کانفرم باتن */
-.confirm-button-1 {
-  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 {
-  background-color: var(--error-color1) !important;
-  color: var(--white) !important;
-}
-
-/* !error 2 */
-/* ? کنسل باتن */
-.cancle-button1 {
-  background-color: var(--error-color1) !important;
-  color: var(--white) !important;
-  border: solid 2px var(--error-color1) !important;
-}
-
-/* ? هاور کنسل باتن */
-.cancle-button1:hover {
-  background-color: var(--white) !important;
-  color: var(--error-color1) !important;
-}
-
-/* !error3 */
-/* ? تایتل */
-.title-error-2 {
-  color: var(--error-color2) !important;
-}
-
-/* ? دکمه ضربدر بالا سمت چپ */
-.close-button-2 {
-  background-color: var(--error-color2) !important;
-  color: var(--white) !important;
-}
-
-/* ?  هاور دکمه ضربدر بالا سمت چپ */
-.close-button-2:hover {
-  background-color: var(--white) !important;
-  color: var(--error-color2) !important;
-  border: solid 4px var(--error-color2) !important;
-}
-
-/* ? کانفرم باتن */
-.confirm-button-2 {
-  background-color: var(--white) !important;
-  border: solid 2px var(--error-color2) !important;
-  color: var(--error-color2) !important;
-}
-
-/* ? هاور کانفرم باتن */
-.confirm-button-2:hover {
-  background-color: var(--error-color2) !important;
-  color: var(--white) !important;
-}
-
-/* ? کنسل باتن */
-.cancle-button2 {
-  background-color: var(--error-color2) !important;
-  color: var(--white) !important;
-  border: solid 2px var(--error-color2) !important;
-}
-
-/* ? هاور کنسل باتن */
-.cancle-button2:hover {
-  background-color: var(--white) !important;
-  color: var(--error-color2) !important;
-}
-
-/* !error4 */
-/* ? تایتل */
-.title-error-4 {
-  text-align: center !important;
-  color: var(--error-color2) !important;
-}
-
-.alert-popup4 {
-  width: 440px !important;
-}
-
-/* !error5 */
-/* ? کانفرم باتن */
-.confirm-button-5 {
-  background-color: var(--error-color2) !important;
-  margin-top: -81px !important;
-  margin-left: -260px !important;
-  padding: 12px 15px !important;
-  border-top-right-radius: 0px !important;
-  border-bottom-right-radius: 0px !important;
-}
-
-/* ? اینپوت فیلد */
-.input-error-5 {
-  width: 70% !important;
-  height: 47px !important;
-  border-top-left-radius: 0px !important;
-  border-bottom-left-radius: 0px !important;
-}
-
-/* !error6 */
-/* ? دکمه ضربدر بالا سمت چپ */
-.close-button-6 {
-  color: var(--error-color1) !important;
-}
-
-/* ?  هاور دکمه ضربدر بالا سمت چپ */
-.close-button-6:hover {
-  background-color: var(--error-color1) !important;
-  color: var(--white) !important;
-  border: solid 4px var(--error-color1) !important;
-}
-
-/* !error7 */
-/* ? تایتل */
-.title-error-7 {
-  color: var(--error-color7) !important;
-}
-
-/* ? دکمه ضربدر بالا سمت چپ */
-.close-button-7 {
-  background-color: var(--error-color7-button) !important;
-  color: var(--white) !important;
-}
-
-/* ?  هاور دکمه ضربدر بالا سمت چپ */
-.close-button-7:hover {
-  background-color: var(--white) !important;
-  color: var(--error-color7) !important;
-  border: solid 4px var(--error-color7-button) !important;
-}
-
-/* ? کانفرم باتن */
-.confirm-button-7 {
-  background-color: var(--white) !important;
-  border: solid 2px var(--error-color7-button) !important;
-  color: var(--error-color7) !important;
-}
-
-/* ? هاور کانفرم باتن */
-.confirm-button-7:hover {
-  background-color: var(--error-color7-button) !important;
-  color: var(--white) !important;
-}
-
-/* ? کنسل باتن */
-.cancle-button7 {
-  background-color: var(--error-color7-button) !important;
-  color: var(--white) !important;
-  border: solid 2px var(--error-color7-button) !important;
-}
-
-/* ? هاور کنسل باتن */
-.cancle-button7:hover {
-  background-color: var(--white) !important;
-  color: var(--error-color7-button) !important;
-}
-
-/* !error8 */
-.title-error-8 {
-  color: var(--error-color7-button) !important;
-  text-align: center !important;
-}
-
-.alert-popup8 {
-  width: 440px !important;
-}
-
-/* !error9 */
-.title-error-9 {
-  color: var(--white) !important;
-}
-
-.alert-popup9 {
-  background-color: var(--error-color2) !important;
-  border-color: var(--error-color2) !important;
-}
-
-.close-button-9 {
-  background-color: var(--toast-bg-success) !important;
-  color: var(--toast-success-color) !important;
-}
-
-.confirm-button-9 {
-  background-color: #35bb20 !important;
-}
-
-.cancle-button9 {
-  background-color: var(--white) !important;
-  color: var(--error-color2) !important;
-}
-
-.footer-error-9 a {
-  color: var(--white) !important;
-  border-bottom-color: var(--white) !important;
-  font-size: 18px !important;
-}
-
-/* !error10 */
-.alert-popup10 {
-  background-color: var(--error-color7-button) !important;
-  border-color: var(--error-color7-button) !important;
-}
-
-.close-button-10 {
-  background-color: #fd6a6a !important;
-  color: var(--white) !important;
-}
-
-.confirm-button-10 {
-  background-color: #bb2020 !important;
-}
-
-.cancle-button10 {
-  background-color: var(--white) !important;
-  color: var(--error-color7-button) !important;
-}
-/*# sourceMappingURL=index.css.map */

src/components/Alert/index.js

@@ -9,9 +9,6 @@ function Alert(props) {
   props.confirmAlert();
   return (
     <div className="">
-      <h2 className="mt-4 mx-7 bg-pink-600 rounded p-4 text-center text-white">
-        inside Alert Components
-      </h2>
       {/* 1 */}
       <button
         className="bg-red-600 p-4 rounded text-white m-4"
@@ -249,6 +246,5 @@ const mapStateToProps = (state) => ({});
 const mapDispatchToProps = {
   confirmAlert: alert.confirm,
 };
-// export default Alert;
 
 export default connect(mapStateToProps, mapDispatchToProps)(Alert);

src/components/Toast/index.js

@@ -8,11 +8,7 @@ import { connect } from "react-redux";
 function Toast(props) {
   props.confirmAlert();
   return (
-    <div className="mt-5">
-      {" "}
-      <h2 className="mt-4 mx-7 bg-indigo-400 rounded p-4 text-center text-white">
-        inside Toast Components
-      </h2>
+    <div className="">
       {/* toast1 */}
       <button
         className="bg-orange-300 p-4 rounded text-white m-4"
@@ -157,12 +153,10 @@ function Toast(props) {
   );
 }
 
-const mapStateToProps = (state) => {
-  return {};
-};
+const mapStateToProps = (state) => ({});
 
 const mapDispatchToProps = {
-  confirmAlert: alert.confirm,
+  confirmAlert: alert.toast,
 };
 
 export default connect(mapStateToProps, mapDispatchToProps)(Toast);