mahdi
/
danovinTasks
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update

Browse Source
master
mahdi 3 years ago
parent 93e0b6d26d
commit c6f02a59f8
1 changed files with 942 additions and 3 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 945
      src/components/productTags/ProductTags.js

945
src/components/productTags/ProductTags.js
Unescape View File

@ -62,6 +62,945 @@ const ProductTags = ({
<img src={blackCancleIcon} alt="" className="mr-2 w-2" /> <img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)} )}
</button> </button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بچسب های دیگر
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان سخت
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان آسان
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
آزمون
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
</div>
{/* 2 */}
<div className="mt-2 flex flex-wrap w-1/5 ">
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
ارسال رایگان
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بچسب های دیگر
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان سخت
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان آسان
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
آزمون
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
</div>
{/* 3 */}
<div className="mt-2 flex flex-wrap w-1/5 ">
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
ارسال رایگان
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بچسب های دیگر
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان سخت
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان آسان
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
آزمون
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
</div>
{/* 4 */}
<div className="mt-2 flex flex-wrap w-1/5 ">
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
ارسال رایگان
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بچسب های دیگر
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان سخت
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
امتحان آسان
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
بسته بندی به صورت کادو
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
<button
className={`product-tag-button ${tagtitlecolor} ${tagBorderColor} ${tagBgColor} `}
>
{deliveryIcon && (
<img src={blackDeliveryIcon} alt="" className="ml-1 w-3" />
)}
{rightIcon && (
<img src={blackRightIcon} alt="" className="ml-1 w-3" />
)}
{darkSettingsIcon && (
<img src={blackSettingIcon} alt="" className="ml-1 w-3" />
)}
{greenGiftIcon && (
<img src={lightGreenGiftIcon} alt="" className="ml-1 w-3" />
)}
{purpleCheckboxIcon && (
<img
src={lightPurpleDoubleRightIcon}
alt=""
className="ml-1 w-3"
/>
)}
{blueNewspaperIcon && (
<img src={darkblueNewspaperIcon} alt="" className="ml-1 w-3" />
)}
آزمون
{cancleIcon && (
<img src={blackCancleIcon} alt="" className="mr-2 w-2" />
)}
</button>
</div> </div>
</div> </div>
</section> </section>
@ -98,14 +1037,14 @@ export default ProductTags;
ProductTags.defaultProps = { ProductTags.defaultProps = {
tagtitlecolor: "text-grayTextColor", tagtitlecolor: "text-grayTextColor",
tagBgColor: "bg-productTagBg", tagBgColor: "bg-transparent",
tagBorderColor: "border-grayBorderColor", tagBorderColor: "border-grayBorderColor",
// for icons // for icons
deliveryIcon: false, deliveryIcon: true,
rightIcon: false, rightIcon: false,
darkSettingsIcon: false, darkSettingsIcon: false,
greenGiftIcon: false, greenGiftIcon: false,
purpleCheckboxIcon: false, purpleCheckboxIcon: false,
blueNewspaperIcon: true, blueNewspaperIcon: false,
cancleIcon: true, cancleIcon: true,
}; };

Write Preview
Loading…
Cancel
Save