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 /> */} {/* <Testttt /> */}
{/* <Design2D /> */} {/* <Design2D /> */}
{/* <Features /> */} {/* <Features /> */}
<Feedback /> {/* <Feedback /> */}
{/* <Alert /> */} {/* <Alert /> */}
{/* <Toast /> */} {/* <Toast /> */}
<ProductSuggestion /> {/* <ProductSuggestion /> */}
{/* <ProductImage /> */} {/* <ProductImage /> */}
{/* <ProductTab /> */} {/* <ProductTab /> */}
<ProductStatusCard /> <ProductStatusCard />

@ -18,7 +18,7 @@ const Button = ({ className, iconClassName, icon, text, onClick }) => {
export default Button; export default Button;
Button.defaultProps = { Button.defaultProps = {
className: 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", iconClassName: "bg-darkGreenBg mr-2",
text: "اطلاعات بیشتر", text: "اطلاعات بیشتر",
}; };

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

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

Loading…
Cancel
Save