master
mahdi 3 years ago
parent 3c5eb90690
commit 85ec589664
  1. 15
      src/components/productTags/ProductTags.js

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

Loading…
Cancel
Save