master
mahdi 3 years ago
parent 39ac035709
commit 935ad3edd7
  1. 6
      src/components/ProductSuggestion/index.js

@ -17,9 +17,8 @@ const ProductSuggestion = ({ suggestions, selected }) => {
<div className="flex flex-col sm:flex-row mb-7" key={index}> <div className="flex flex-col sm:flex-row mb-7" key={index}>
<img src={suggestion.plusIcon} alt="" className="mx-4" /> <img src={suggestion.plusIcon} alt="" className="mx-4" />
<div <div
className={`flex flex-col items-center border rounded-md border-gray-300 p-5 mx-4 cursor-pointer className={`flex flex-col items-center border rounded-md border-gray-300 p-5 mx-4 cursor-pointer transition-all ease-in-out duration-500
${selectedProduct === suggestion ? "bg-white" : ""}`} ${selectedProduct === suggestion ? "bg-white" : ""}`}
onClick={() => setSelectedProduct(suggestion)}
> >
<img <img
src={suggestion.productImage} src={suggestion.productImage}
@ -38,6 +37,7 @@ const ProductSuggestion = ({ suggestions, selected }) => {
<span className="text-xs">انتخاب شما</span> <span className="text-xs">انتخاب شما</span>
)} )}
<input <input
onClick={() => setSelectedProduct(suggestion)}
className="checkbox-input mt-4 cursor-pointer w-4 h-4" className="checkbox-input mt-4 cursor-pointer w-4 h-4"
type="checkbox" type="checkbox"
/> />

Loading…
Cancel
Save