|
|
@ -8,7 +8,6 @@ import blackSettingIcon from "../../assets/icons/black-settings-icon.svg"; |
|
|
|
import lightGreenGiftIcon from "../../assets/icons/light-green-gift-icon.svg"; |
|
|
|
import lightGreenGiftIcon from "../../assets/icons/light-green-gift-icon.svg"; |
|
|
|
import lightPurpleDoubleRightIcon from "../../assets/icons/light-purple-double-right-icon.svg"; |
|
|
|
import lightPurpleDoubleRightIcon from "../../assets/icons/light-purple-double-right-icon.svg"; |
|
|
|
import darkBlueNewspaperIcon from "../../assets/icons/dark-blue-newspaper-icon.svg"; |
|
|
|
import darkBlueNewspaperIcon from "../../assets/icons/dark-blue-newspaper-icon.svg"; |
|
|
|
|
|
|
|
|
|
|
|
import darkBlueCancleIcon from "../../assets/icons/dark-blue-cancle-icon.svg"; |
|
|
|
import darkBlueCancleIcon from "../../assets/icons/dark-blue-cancle-icon.svg"; |
|
|
|
import lightBlueCancleIcon from "../../assets/icons/light-blue-cancle-icon.svg"; |
|
|
|
import lightBlueCancleIcon from "../../assets/icons/light-blue-cancle-icon.svg"; |
|
|
|
import lightBlueDeliveryIcon from "../../assets/icons/light-blue-delivery-icon.svg"; |
|
|
|
import lightBlueDeliveryIcon from "../../assets/icons/light-blue-delivery-icon.svg"; |
|
|
@ -16,6 +15,7 @@ import lightGreenCancleIcon from "../../assets/icons/light-green-cancle-icon.svg |
|
|
|
import lightOrangeCancleIcon from "../../assets/icons/light-orange-cancle-icon.svg"; |
|
|
|
import lightOrangeCancleIcon from "../../assets/icons/light-orange-cancle-icon.svg"; |
|
|
|
import lightPurpleCancleIcon from "../../assets/icons/light-purple-cancle-icon.svg"; |
|
|
|
import lightPurpleCancleIcon from "../../assets/icons/light-purple-cancle-icon.svg"; |
|
|
|
import lightYelloCancleIcon from "../../assets/icons/light-yellow-cancle-icon.svg"; |
|
|
|
import lightYelloCancleIcon from "../../assets/icons/light-yellow-cancle-icon.svg"; |
|
|
|
|
|
|
|
import lightOrangeRightIcon from "../../assets/icons/light-orange-right-icon.svg"; |
|
|
|
|
|
|
|
|
|
|
|
const ProductTags = ({ |
|
|
|
const ProductTags = ({ |
|
|
|
tagtitlecolor, |
|
|
|
tagtitlecolor, |
|
|
@ -34,7 +34,8 @@ const ProductTags = ({ |
|
|
|
lightGreenIconCancle, |
|
|
|
lightGreenIconCancle, |
|
|
|
lightOrangeIconCancle, |
|
|
|
lightOrangeIconCancle, |
|
|
|
lightPurpleIconCancle, |
|
|
|
lightPurpleIconCancle, |
|
|
|
lightYelloIconCancle, |
|
|
|
lightYellowIconCancle, |
|
|
|
|
|
|
|
lightOrangeIconRight, |
|
|
|
}) => { |
|
|
|
}) => { |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<section className="w-11/12 mx-auto p-4 bg-white rounded-md shadow-md my-8"> |
|
|
|
<section className="w-11/12 mx-auto p-4 bg-white rounded-md shadow-md my-8"> |
|
|
@ -58,6 +59,9 @@ const ProductTags = ({ |
|
|
|
{rightIcon && ( |
|
|
|
{rightIcon && ( |
|
|
|
<img src={blackRightIcon} alt="" className="ml-1 w-3" /> |
|
|
|
<img src={blackRightIcon} alt="" className="ml-1 w-3" /> |
|
|
|
)} |
|
|
|
)} |
|
|
|
|
|
|
|
{lightOrangeIconRight && ( |
|
|
|
|
|
|
|
<img src={lightOrangeRightIcon} alt="" className="ml-1 w-3" /> |
|
|
|
|
|
|
|
)} |
|
|
|
{darkSettingsIcon && ( |
|
|
|
{darkSettingsIcon && ( |
|
|
|
<img src={blackSettingIcon} alt="" className="ml-1 w-3" /> |
|
|
|
<img src={blackSettingIcon} alt="" className="ml-1 w-3" /> |
|
|
|
)} |
|
|
|
)} |
|
|
@ -93,7 +97,7 @@ const ProductTags = ({ |
|
|
|
{lightPurpleIconCancle && ( |
|
|
|
{lightPurpleIconCancle && ( |
|
|
|
<img src={lightPurpleCancleIcon} alt="" className="mr-2 w-2" /> |
|
|
|
<img src={lightPurpleCancleIcon} alt="" className="mr-2 w-2" /> |
|
|
|
)} |
|
|
|
)} |
|
|
|
{lightYelloIconCancle && ( |
|
|
|
{lightYellowIconCancle && ( |
|
|
|
<img src={lightYelloCancleIcon} alt="" className="mr-2 w-2" /> |
|
|
|
<img src={lightYelloCancleIcon} alt="" className="mr-2 w-2" /> |
|
|
|
)} |
|
|
|
)} |
|
|
|
</button> |
|
|
|
</button> |
|
|
@ -137,7 +141,9 @@ ProductTags.defaultProps = { |
|
|
|
tagBorderColor: "border-lightOrangeBorderColor", |
|
|
|
tagBorderColor: "border-lightOrangeBorderColor", |
|
|
|
// for icons
|
|
|
|
// for icons
|
|
|
|
deliveryIcon: false, |
|
|
|
deliveryIcon: false, |
|
|
|
|
|
|
|
lightBlueIconDelivery: false, |
|
|
|
rightIcon: false, |
|
|
|
rightIcon: false, |
|
|
|
|
|
|
|
lightOrangeIconRight: true, |
|
|
|
darkSettingsIcon: false, |
|
|
|
darkSettingsIcon: false, |
|
|
|
greenGiftIcon: false, |
|
|
|
greenGiftIcon: false, |
|
|
|
purpleCheckboxIcon: false, |
|
|
|
purpleCheckboxIcon: false, |
|
|
@ -145,9 +151,8 @@ ProductTags.defaultProps = { |
|
|
|
cancleIcon: false, |
|
|
|
cancleIcon: false, |
|
|
|
darkBlueIconCancle: false, |
|
|
|
darkBlueIconCancle: false, |
|
|
|
lightBlueIconCancle: false, |
|
|
|
lightBlueIconCancle: false, |
|
|
|
lightBlueIconDelivery: false, |
|
|
|
|
|
|
|
lightGreenIconCancle: false, |
|
|
|
lightGreenIconCancle: false, |
|
|
|
lightOrangeIconCancle: true, |
|
|
|
lightOrangeIconCancle: true, |
|
|
|
lightPurpleIconCancle: false, |
|
|
|
lightPurpleIconCancle: false, |
|
|
|
lightYelloIconCancle: false, |
|
|
|
lightYellowIconCancle: false, |
|
|
|
}; |
|
|
|
}; |
|
|
|