update App.js, src/components/Button/index.js, src/components/Feedback/index.js and src/components/ProductSuggestion/index.js

src/App.js

@@ -108,10 +108,10 @@ function App() {
         {/* <Testttt /> */}
         {/* <Design2D /> */}
         {/* <Features /> */}
-        <Feedback />
+        {/* <Feedback /> */}
         {/* <Alert /> */}
         {/* <Toast /> */}
-        <ProductSuggestion />
+        {/* <ProductSuggestion /> */}
         {/* <ProductImage /> */}
         {/* <ProductTab /> */}
         <ProductStatusCard />

src/components/Button/index.js

@@ -18,7 +18,7 @@ const Button = ({ className, iconClassName, icon, text, onClick }) => {
 export default Button;
 Button.defaultProps = {
   className:
-    "bg-darkGreenBg hover:bg-gray-900 textColor border border-lightBlueBorderColor border-b-4 border-lightBlueBorderColor rounded text-sm px-4 py-4",
+    "bg-red-400 text-white hover:bg-gray-900 border border-b-4 border-lightBlueBorderColor rounded text-sm px-4 py-4",
   iconClassName: "bg-darkGreenBg mr-2",
   text: "اطلاعات بیشتر",
 };

src/components/Feedback/index.js

@@ -8,6 +8,7 @@ import speechlessEmoji from "../../assets/icons/speechless-emoji.svg";
 import suspiciousEmoji from "../../assets/icons/suspicious-emoji.svg";
 import heartEmoji from "../../assets/icons/heart-emoji.svg";
 import upwardArrow from "../../assets/icons/gray-upward-icon.svg";
+import Button from "../Button";
 
 const Feedback = ({ feedbacks }) => {
   const [closeModal, setCloseModal] = useState(false);
@@ -57,12 +58,10 @@ const Feedback = ({ feedbacks }) => {
         className="resize-y w-full py-4 px-2 focus:outline-none text-sm h-44 z-20 bg-gray-100"
         placeholder="به ما در رابطه تجربه کار با سایتمون بگید..."
       ></textarea>
-      <button
-        className="text-white rounded px-10 py-2 my-5 self-end ml-10"
-        style={{ backgroundColor: "#246E8A" }}
-      >
-        ارسال
-      </button>
+      <Button
+        className={`bg-blue-400 text-white rounded px-10 py-2 my-5 self-end ml-10 text-xs`}
+        text={"ارسال"}
+      />
     </section>
   );
 };

src/components/ProductSuggestion/index.js

@@ -2,6 +2,7 @@ import React, { useState } from "react";
 
 import productImg from "./product-chair.svg";
 import plus from "./plus.svg";
+import Button from "../Button";
 
 const ProductSuggestion = ({ suggestions, selected }) => {
   const [selectedProduct, setSelectedProduct] = useState(null);
@@ -72,9 +73,10 @@ const ProductSuggestion = ({ suggestions, selected }) => {
         <p className="text-xs sm:text-sm font-light mb-2 text-gray-600">
           در صورت تمایل می توانید موارد بالا را به سبد خرید اضافه کنید
         </p>
-        <button className="my-2 text-white rounded bg-blueBgColor p-2 text-sm">
-          اضافه کردن 1 مورد به سبد خرید
-        </button>
+        <Button
+          className={`my-2 text-white rounded bg-blueBgColor px-2 py-2 text-sm`}
+          text={"اضافه کردن 1 مورد به سبد خرید"}
+        />
       </div>
     </section>
   );