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

master
Your Name 2 years ago
parent 6a3315859d
commit a96916291c
  1. 4
      src/App.js
  2. 2
      src/components/Button/index.js
  3. 11
      src/components/Feedback/index.js
  4. 8
      src/components/ProductSuggestion/index.js

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

@ -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: "اطلاعات بیشتر",
};

@ -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>
);
};

@ -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>
);

Loading…
Cancel
Save