update src/components/Alert/index.js

src/components/Alert/index.js

@@ -12,7 +12,7 @@ function Alert(props) {
     <div className="">
       {/* 1 */}
       <button
-        className="bg-red-600 p-4 rounded text-white m-4"
+        className="bg-error p-4 rounded text-white m-4"
         onClick={() =>
           props.confirmAlert({
             title: "اررور شماره 1",
@@ -32,7 +32,7 @@ function Alert(props) {
       </button>
       {/* 2 */}
       <button
-        className="bg-red-600 p-4 rounded text-white m-4"
+        className="bg-error p-4 rounded text-white m-4"
         onClick={() =>
           props.confirmAlert({
             title: "اررور شماره 1",
@@ -54,7 +54,7 @@ function Alert(props) {
       </button>
       {/* 3 */}
       <button
-        className="bg-red-600 p-4 rounded text-white m-4"
+        className="bg-error p-4 rounded text-white m-4"
         onClick={() =>
           props.confirmAlert({
             title: "اررور شماره 1",
@@ -76,7 +76,7 @@ function Alert(props) {
       </button>
       {/* 4 */}
       <button
-        className="bg-red-600 p-4 rounded text-white m-4"
+        className="bg-error p-4 rounded text-white m-4"
         onClick={() =>
           props.confirmAlert({
             icon: "success",
@@ -99,7 +99,7 @@ function Alert(props) {
       </button>
       {/* 5 */}
       <button
-        className="bg-red-600 p-4 rounded text-white m-4"
+        className="bg-error p-4 rounded text-white m-4"
         onClick={() =>
           props.confirmAlert({
             input: "email",
@@ -125,7 +125,7 @@ function Alert(props) {
       </button>
       {/* 6 */}
       <button
-        className="bg-red-600 p-4 rounded text-white m-4"
+        className="bg-error p-4 rounded text-white m-4"
         onClick={() =>
           props.confirmAlert({
             title: "اررور شماره 1",
@@ -145,7 +145,7 @@ function Alert(props) {
       </button>
       {/* 7 */}
       <button
-        className="bg-red-600 p-4 rounded text-white m-4"
+        className="bg-error p-4 rounded text-white m-4"
         onClick={() =>
           props.confirmAlert({
             title: "اررور شماره 1",
@@ -167,7 +167,7 @@ function Alert(props) {
       </button>
       {/* 8 */}
       <button
-        className="bg-red-600 p-4 rounded text-white m-4"
+        className="bg-error p-4 rounded text-white m-4"
         onClick={() =>
           props.confirmAlert({
             icon: "error",
@@ -190,7 +190,7 @@ function Alert(props) {
       </button>
       {/* 9 */}
       <button
-        className="bg-red-600 p-4 rounded text-white m-4"
+        className="bg-error p-4 rounded text-white m-4"
         onClick={() =>
           props.confirmAlert({
             title: "این ارور بسیار مهم ",
@@ -215,7 +215,7 @@ function Alert(props) {
       </button>
       {/* 10 */}
       <button
-        className="bg-red-600 p-4 rounded text-white m-4"
+        className="bg-error p-4 rounded text-white m-4"
         onClick={() =>
           props.confirmAlert({
             title: "این ارور بسیار مهم ",