@riosst100/pwa-marketplace 2.0.6 → 2.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/src/components/AlphaFilter/alphaFilter.shimmer.js +6 -6
- package/src/components/BecomeSeller/becomeSeller.js +2 -2
- package/src/components/BrandLandingPage/brandInfo.js +2 -2
- package/src/components/BrandListPage/brandList.js +1 -1
- package/src/components/CollectibleGameSets/collectibleGameSets.js +1 -1
- package/src/components/CollectibleGameSets/collectibleGameSets.shimmer.js +6 -6
- package/src/components/CrossSeller/crossSellerBuy.js +1 -1
- package/src/components/CrossSeller/item.js +3 -3
- package/src/components/CustomSubCategoryPage/subCategoryPage.js +1 -1
- package/src/components/FavoriteSeller/item.js +3 -3
- package/src/components/Filter/index.js +1 -1
- package/src/components/FilterTop/CurrentTopFilters/currentTopFilter.module.css +1 -1
- package/src/components/LegoSets/legoSets.js +3 -3
- package/src/components/LegoSets/legoSets.shimmer.js +6 -6
- package/src/components/MiniatureGameSets/miniatureGameSets.js +3 -3
- package/src/components/MiniatureGameSets/miniatureGameSets.shimmer.js +6 -6
- package/src/components/MtgSinglesPage/mtgSingles.js +1 -1
- package/src/components/NonSportCardsSets/nonSportCardsSets.js +3 -3
- package/src/components/NonSportCardsSets/nonSportCardsSets.shimmer.js +6 -6
- package/src/components/ProductItem/index.js +1 -1
- package/src/components/RFQ/index.js +1 -1
- package/src/components/RFQ/modalRfq.js +3 -3
- package/src/components/RFQPage/orderRow.js +2 -2
- package/src/components/RFQPage/quoteDetail.js +1 -1
- package/src/components/RelatedProduct/relatedProduct.js +1 -1
- package/src/components/SellerDetail/sellerDetail.js +1 -1
- package/src/components/SellerLocation/sellerLocation.js +1 -1
- package/src/components/SellerLocation/sellerLocationItem.js +1 -1
- package/src/components/SellerReview/sellerReview.js +1 -1
- package/src/components/SellerReviewItem/sellerReviewItem.js +1 -1
- package/src/components/ShopBy/shopBy copy.js +1 -1
- package/src/components/ShopBy/shopBy.js +5 -5
- package/src/components/ShopBy/shopBy.shimmer.js +6 -6
- package/src/components/ShopByBrands/legoSets.shimmer.js +6 -6
- package/src/components/ShopByBrands/shopByBrands.js +3 -3
- package/src/components/ShopByBrands/shopByBrands.shimmer.js +6 -6
- package/src/components/ShopBySets/shopBySets.js +3 -3
- package/src/components/ShopBySets/shopBySets.shimmer.js +6 -6
- package/src/components/ShopByVehicles/shopByVehicles.js +3 -3
- package/src/components/ShopByVehicles/shopByVehicles.shimmer.js +6 -6
- package/src/components/SportCardsSets/sportCardsSets.js +3 -3
- package/src/components/SportCardsSets/sportCardsSets.shimmer.js +6 -6
- package/src/components/TrainsSets/trainsSets.js +3 -3
- package/src/components/TrainsSets/trainsSets.shimmer.js +6 -6
- package/src/components/commons/Tabs/index.js +1 -1
- package/src/overwrites/venia-ui/lib/RootComponents/Category/NoProductsFound/noProductsFound.module.css +1 -1
- package/src/overwrites/venia-ui/lib/RootComponents/Category/category.module.css +2 -2
- package/src/overwrites/venia-ui/lib/components/AccountMenu/accountMenuItems.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CartPage/GiftCards/giftCards.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CartPage/PriceAdjustments/CouponCode/couponCode.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CartPage/PriceAdjustments/ShippingMethods/shippingForm.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CartPage/PriceAdjustments/ShippingMethods/shippingMethods.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CartPage/PriceAdjustments/ShippingMethods/shippingRadio.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CartPage/PriceSummary/priceSummary.js +1 -1
- package/src/overwrites/venia-ui/lib/components/CartPage/PriceSummary/priceSummary.module.css +2 -2
- package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/EditModal/productDetail.module.css +2 -2
- package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/EditModal/productForm.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/errorMessage.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/product.js +1 -1
- package/src/overwrites/venia-ui/lib/components/CartPage/ProductListing/product.module.css +2 -2
- package/src/overwrites/venia-ui/lib/components/CheckoutPage/AddressBook/addressBook.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CheckoutPage/AddressBook/addressCard.module.css +2 -2
- package/src/overwrites/venia-ui/lib/components/CheckoutPage/ItemsReview/item.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CheckoutPage/ItemsReview/itemsReview.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CheckoutPage/ItemsReview/showAllButton.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CheckoutPage/OrderConfirmationPage/orderConfirmationPage.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CheckoutPage/OrderSummary/orderSummary.js +1 -1
- package/src/overwrites/venia-ui/lib/components/CheckoutPage/PaymentInformation/braintreeSummary.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CheckoutPage/PaymentInformation/paymentMethods.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CheckoutPage/PaymentInformation/summary.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CheckoutPage/checkoutPage.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/CreateAccount/createAccount.js +1 -1
- package/src/overwrites/venia-ui/lib/components/CreateAccount/createAccount.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/FilterModal/CurrentFilters/currentFilter.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/FilterModal/filterBlock.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/FilterSidebar/filterSidebar.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/Footer/footer.module.css +2 -2
- package/src/overwrites/venia-ui/lib/components/Gallery/item.js +1 -1
- package/src/overwrites/venia-ui/lib/components/Gallery/item.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/Header/cartTrigger.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/MegaMenu/customSubmenuColumn.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/MegaMenu/shopByColumn.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/Newsletter/newsletter.module.css +1 -1
- package/src/overwrites/venia-ui/lib/components/OrderHistoryPage/orderRow.js +2 -2
- package/src/overwrites/venia-ui/lib/components/ProductFullDetail/components/auctionDetail.js +10 -10
- package/src/overwrites/venia-ui/lib/components/ProductFullDetail/components/bidList.js +1 -1
- package/src/overwrites/venia-ui/lib/components/ProductFullDetail/components/modalFormReview.js +3 -3
- package/src/overwrites/venia-ui/lib/components/ProductFullDetail/components/preOrderDetail.js +3 -3
- package/src/overwrites/venia-ui/lib/components/ProductFullDetail/components/productReview.js +1 -1
- package/src/overwrites/venia-ui/lib/components/ProductFullDetail/productFullDetail.js +7 -7
- package/src/overwrites/venia-ui/lib/components/ProductFullDetail/productFullDetail.module.css +3 -3
- package/src/overwrites/venia-ui/lib/components/TextInput/field.module.css +1 -1
- package/src/overwrites/venia-ui/lib/tokens.module.css +1 -1
- package/src/static-files/favicon.ico +0 -0
package/package.json
CHANGED
|
@@ -23,22 +23,22 @@ const CollectibleGameSets = props => {
|
|
|
23
23
|
<section className='singles-container'>
|
|
24
24
|
<div className={cn('singles-wrapper block -mx-4', classes.singlesWrapper)}>
|
|
25
25
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
26
|
-
<div className='singles_item_group_letter text-xl font-
|
|
26
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
27
27
|
</div>
|
|
28
28
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
29
|
-
<div className='singles_item_group_letter text-xl font-
|
|
29
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
30
30
|
</div>
|
|
31
31
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
32
|
-
<div className='singles_item_group_letter text-xl font-
|
|
32
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
33
33
|
</div>
|
|
34
34
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
35
|
-
<div className='singles_item_group_letter text-xl font-
|
|
35
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
36
36
|
</div>
|
|
37
37
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
38
|
-
<div className='singles_item_group_letter text-xl font-
|
|
38
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
39
39
|
</div>
|
|
40
40
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
41
|
-
<div className='singles_item_group_letter text-xl font-
|
|
41
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
42
42
|
</div>
|
|
43
43
|
</div>
|
|
44
44
|
</section>
|
|
@@ -56,7 +56,7 @@ const BecomeSeller = props => {
|
|
|
56
56
|
onKeyDown={handleEnterKeyPress}
|
|
57
57
|
data-cy="BecomeSeller-submitButton"
|
|
58
58
|
classes={{
|
|
59
|
-
content: 'font-
|
|
59
|
+
content: 'font-medium text-[16px] capitalize',
|
|
60
60
|
}}
|
|
61
61
|
>
|
|
62
62
|
<FormattedMessage
|
|
@@ -89,7 +89,7 @@ const BecomeSeller = props => {
|
|
|
89
89
|
onSubmit={handleSubmit}
|
|
90
90
|
onChange={handleChange}
|
|
91
91
|
>
|
|
92
|
-
<h2 data-cy="BecomeSeller-title" className="capitalize text-lg font-
|
|
92
|
+
<h2 data-cy="BecomeSeller-title" className="capitalize text-lg font-medium mb-[70px]">
|
|
93
93
|
<FormattedMessage
|
|
94
94
|
id={'becomeSeller.becomeSellerText'}
|
|
95
95
|
defaultMessage={'Register as Seller'}
|
|
@@ -34,7 +34,7 @@ const brandInfo = () => {
|
|
|
34
34
|
>
|
|
35
35
|
<div className='social_share-container flex flex-col gap-y-7'>
|
|
36
36
|
<div className='flex justify-between'>
|
|
37
|
-
<div className='text-lg font-
|
|
37
|
+
<div className='text-lg font-medium'>
|
|
38
38
|
Share to your friends
|
|
39
39
|
</div>
|
|
40
40
|
<button onClick={() => { setOpen(!open) }} >
|
|
@@ -72,7 +72,7 @@ const brandInfo = () => {
|
|
|
72
72
|
>
|
|
73
73
|
{initialName('Bandai Namco')}
|
|
74
74
|
</div>
|
|
75
|
-
<div className='text-lg font-
|
|
75
|
+
<div className='text-lg font-medium'>
|
|
76
76
|
Bandai Namco
|
|
77
77
|
</div>
|
|
78
78
|
</div>
|
|
@@ -58,7 +58,7 @@ const brandList = (props) => {
|
|
|
58
58
|
<>
|
|
59
59
|
{active === 'all' || active === initialLetter ? (
|
|
60
60
|
<div className='brand_group-wrapper mb-10' key={index}>
|
|
61
|
-
<div className='brand_item_group_letter text-xl font-
|
|
61
|
+
<div className='brand_item_group_letter text-xl font-medium mb-[30px]' >
|
|
62
62
|
{initialLetter}
|
|
63
63
|
</div>
|
|
64
64
|
<div
|
|
@@ -104,7 +104,7 @@ const CollectibleGameSets = props => {
|
|
|
104
104
|
<>
|
|
105
105
|
{active == "all" || active == release_type ?
|
|
106
106
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
107
|
-
<div className='singles_item_group_letter text-xl font-
|
|
107
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' >
|
|
108
108
|
{release_type}
|
|
109
109
|
</div>
|
|
110
110
|
<div className={cn('singles_item-list flex flex-col')}>{setsResult}</div>
|
|
@@ -23,22 +23,22 @@ const CollectibleGameSets = props => {
|
|
|
23
23
|
<section className='singles-container'>
|
|
24
24
|
<div className={cn('singles-wrapper block -mx-4', classes.singlesWrapper)}>
|
|
25
25
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
26
|
-
<div className='singles_item_group_letter text-xl font-
|
|
26
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
27
27
|
</div>
|
|
28
28
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
29
|
-
<div className='singles_item_group_letter text-xl font-
|
|
29
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
30
30
|
</div>
|
|
31
31
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
32
|
-
<div className='singles_item_group_letter text-xl font-
|
|
32
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
33
33
|
</div>
|
|
34
34
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
35
|
-
<div className='singles_item_group_letter text-xl font-
|
|
35
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
36
36
|
</div>
|
|
37
37
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
38
|
-
<div className='singles_item_group_letter text-xl font-
|
|
38
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
39
39
|
</div>
|
|
40
40
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
41
|
-
<div className='singles_item_group_letter text-xl font-
|
|
41
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
42
42
|
</div>
|
|
43
43
|
</div>
|
|
44
44
|
</section>
|
|
@@ -21,7 +21,7 @@ const item = () => {
|
|
|
21
21
|
</div>
|
|
22
22
|
<div className='flex flex-col gap-y-[15px]'>
|
|
23
23
|
<div className='seller_summary-wrapper flex flex-row gap-x-2.5 items-center'>
|
|
24
|
-
<div className='seller_name text-lg font-
|
|
24
|
+
<div className='seller_name text-lg font-medium leading-6'>
|
|
25
25
|
Zen Market
|
|
26
26
|
</div>
|
|
27
27
|
<div className='seller_badge flex flex-row gap-x-[5px] items-center leading-6'>
|
|
@@ -41,7 +41,7 @@ const item = () => {
|
|
|
41
41
|
</div>
|
|
42
42
|
|
|
43
43
|
<div className='price_container'>
|
|
44
|
-
<div className='price text-lg font-
|
|
44
|
+
<div className='price text-lg font-medium'>
|
|
45
45
|
$34.19
|
|
46
46
|
</div>
|
|
47
47
|
<span className='shipping_note text-xs text-gray-200'>
|
|
@@ -62,7 +62,7 @@ const item = () => {
|
|
|
62
62
|
<Button
|
|
63
63
|
data-cy="addToCartButton"
|
|
64
64
|
classes={{
|
|
65
|
-
content: 'normal-case font-
|
|
65
|
+
content: 'normal-case font-medium text-[16px]'
|
|
66
66
|
}}
|
|
67
67
|
priority="high"
|
|
68
68
|
type="button"
|
|
@@ -52,7 +52,7 @@ const SubCategoryPage = props => {
|
|
|
52
52
|
<>
|
|
53
53
|
{optionsResult ?
|
|
54
54
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
55
|
-
<div className='singles_item_group_letter text-xl font-
|
|
55
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' >
|
|
56
56
|
{group}
|
|
57
57
|
</div>
|
|
58
58
|
<div className={cn('singles_item-list flex flex-col')}>{optionsResult}</div>
|
|
@@ -35,7 +35,7 @@ const item = () => {
|
|
|
35
35
|
>
|
|
36
36
|
<div className='social_share-container flex flex-col gap-y-7'>
|
|
37
37
|
<div className='flex justify-between'>
|
|
38
|
-
<div className='text-lg font-
|
|
38
|
+
<div className='text-lg font-medium'>
|
|
39
39
|
Share to your friends
|
|
40
40
|
</div>
|
|
41
41
|
<button onClick={() => { setOpen(!open) }} >
|
|
@@ -67,7 +67,7 @@ const item = () => {
|
|
|
67
67
|
<div className='flex flex-col gap-y-[15px]'>
|
|
68
68
|
<div className='flex flex-col gap-[6px]'>
|
|
69
69
|
<div className='seller_summary-wrapper flex flex-row gap-x-2.5 items-center'>
|
|
70
|
-
<div className='seller_name text-lg font-
|
|
70
|
+
<div className='seller_name text-lg font-medium leading-6'>
|
|
71
71
|
Zen Market
|
|
72
72
|
</div>
|
|
73
73
|
<div className='seller_badge flex flex-row gap-x-[5px] items-center leading-6'>
|
|
@@ -112,7 +112,7 @@ const item = () => {
|
|
|
112
112
|
<div className='flex flex-col gap-y-2'>
|
|
113
113
|
<div className='rating_sales flex flex-row gap-x-[5px] items-center'>
|
|
114
114
|
<Star width={18} height={18} />
|
|
115
|
-
<p className='font-
|
|
115
|
+
<p className='font-medium text-[18px] text-gray-600'>
|
|
116
116
|
4.7
|
|
117
117
|
</p>
|
|
118
118
|
</div>
|
|
@@ -14,7 +14,7 @@ const CatalogFilter = () => {
|
|
|
14
14
|
<div class="inline-flex flex-col items-start gap-[10px] bg-white relative flex-[0_0_auto]">
|
|
15
15
|
<div class="flex-col justify-center inline-flex items-center relative flex-[0_0_auto]">
|
|
16
16
|
<div class="flex w-full cursor-pointer items-center justify-between p-[10px] relative flex-[0_0_auto] bg-white">
|
|
17
|
-
<div class="relative w-fit font-
|
|
17
|
+
<div class="relative w-fit font-medium text-base tracking-[0] leading-[18px] whitespace-nowrap">Category</div>
|
|
18
18
|
<ArrowSquareUp color="#292D32" size={14} variant="Outline" />
|
|
19
19
|
</div>
|
|
20
20
|
<hr className='w-full h-[1px]' />
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
min-height: 24px;
|
|
3
3
|
composes: border from global;
|
|
4
4
|
composes: border-gray-100 from global;
|
|
5
|
-
composes: font-
|
|
5
|
+
composes: font-medium from global;
|
|
6
6
|
composes: gap-2xs from global;
|
|
7
7
|
composes: grid-flow-col from global;
|
|
8
8
|
composes: inline-grid from global;
|
|
@@ -142,15 +142,15 @@ const LegoSets = props => {
|
|
|
142
142
|
<>
|
|
143
143
|
{active == "all" && newLegoSets.length > 1 ?
|
|
144
144
|
<div className={cn('singles_group-wrapper mb-4 px-2 inline-block', classes.singlesGroupWrapper)}>
|
|
145
|
-
<div className='singles_item_group_letter text-xl font-
|
|
145
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' >
|
|
146
146
|
{group}
|
|
147
147
|
</div>
|
|
148
148
|
<div className={cn('singles_item-list flex flex-col')}>{setsResult}</div>
|
|
149
149
|
</div> : ''}
|
|
150
150
|
{active == group || newLegoSets.length == 1 ? setsResultSplitted && setsResultSplitted.length && setsResultSplitted.map((setsResult, index) =>
|
|
151
151
|
<div key={index} className={cn('singles_group-wrapper mb-4 px-2 inline-block', classes.singlesGroupWrapper)}>
|
|
152
|
-
{index == 0 ? <div className='singles_item_group_letter text-xl font-
|
|
153
|
-
<div className='singles_item_group_letter text-xl font-
|
|
152
|
+
{index == 0 ? <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2'>{group}</div> :
|
|
153
|
+
<div className='singles_item_group_letter text-xl font-medium pb-1 mb-2' style={{"marginTop":"35px"}}></div>}
|
|
154
154
|
<div className={cn('singles_item-list flex flex-col')}>{setsResult}</div>
|
|
155
155
|
</div>
|
|
156
156
|
)
|
|
@@ -23,22 +23,22 @@ const LegoSets = props => {
|
|
|
23
23
|
<section className='singles-container'>
|
|
24
24
|
<div className={cn('singles-wrapper block -mx-4', classes.singlesWrapper)}>
|
|
25
25
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
26
|
-
<div className='singles_item_group_letter text-xl font-
|
|
26
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
27
27
|
</div>
|
|
28
28
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
29
|
-
<div className='singles_item_group_letter text-xl font-
|
|
29
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
30
30
|
</div>
|
|
31
31
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
32
|
-
<div className='singles_item_group_letter text-xl font-
|
|
32
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
33
33
|
</div>
|
|
34
34
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
35
|
-
<div className='singles_item_group_letter text-xl font-
|
|
35
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
36
36
|
</div>
|
|
37
37
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
38
|
-
<div className='singles_item_group_letter text-xl font-
|
|
38
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
39
39
|
</div>
|
|
40
40
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
41
|
-
<div className='singles_item_group_letter text-xl font-
|
|
41
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
42
42
|
</div>
|
|
43
43
|
</div>
|
|
44
44
|
</section>
|
|
@@ -142,15 +142,15 @@ const MiniatureGameSets = props => {
|
|
|
142
142
|
<>
|
|
143
143
|
{active == "all" && newMiniatureGameSets.length > 1 ?
|
|
144
144
|
<div className={cn('singles_group-wrapper mb-4 px-2 inline-block', classes.singlesGroupWrapper)}>
|
|
145
|
-
<div className='singles_item_group_letter text-xl font-
|
|
145
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' >
|
|
146
146
|
{group}
|
|
147
147
|
</div>
|
|
148
148
|
<div className={cn('singles_item-list flex flex-col')}>{setsResult}</div>
|
|
149
149
|
</div> : ''}
|
|
150
150
|
{active == group || newMiniatureGameSets.length == 1 ? setsResultSplitted && setsResultSplitted.length && setsResultSplitted.map((setsResult, index) =>
|
|
151
151
|
<div key={index} className={cn('singles_group-wrapper mb-4 px-2 inline-block', classes.singlesGroupWrapper)}>
|
|
152
|
-
{index == 0 ? <div className='singles_item_group_letter text-xl font-
|
|
153
|
-
<div className='singles_item_group_letter text-xl font-
|
|
152
|
+
{index == 0 ? <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2'>{group}</div> :
|
|
153
|
+
<div className='singles_item_group_letter text-xl font-medium pb-1 mb-2' style={{"marginTop":"35px"}}></div>}
|
|
154
154
|
<div className={cn('singles_item-list flex flex-col')}>{setsResult}</div>
|
|
155
155
|
</div>
|
|
156
156
|
)
|
|
@@ -23,22 +23,22 @@ const MiniatureGameSets = props => {
|
|
|
23
23
|
<section className='singles-container'>
|
|
24
24
|
<div className={cn('singles-wrapper block -mx-4', classes.singlesWrapper)}>
|
|
25
25
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
26
|
-
<div className='singles_item_group_letter text-xl font-
|
|
26
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
27
27
|
</div>
|
|
28
28
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
29
|
-
<div className='singles_item_group_letter text-xl font-
|
|
29
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
30
30
|
</div>
|
|
31
31
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
32
|
-
<div className='singles_item_group_letter text-xl font-
|
|
32
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
33
33
|
</div>
|
|
34
34
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
35
|
-
<div className='singles_item_group_letter text-xl font-
|
|
35
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
36
36
|
</div>
|
|
37
37
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
38
|
-
<div className='singles_item_group_letter text-xl font-
|
|
38
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
39
39
|
</div>
|
|
40
40
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
41
|
-
<div className='singles_item_group_letter text-xl font-
|
|
41
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
42
42
|
</div>
|
|
43
43
|
</div>
|
|
44
44
|
</section>
|
|
@@ -57,7 +57,7 @@ const mtgSingles = (props) => {
|
|
|
57
57
|
<>
|
|
58
58
|
{active === 'all' || active === initialLetter ? (
|
|
59
59
|
<div className='singles_group-wrapper mb-4 px-4 inline-block w-full' key={index}>
|
|
60
|
-
<div className='singles_item_group_letter text-xl font-
|
|
60
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' >
|
|
61
61
|
{initialLetter}
|
|
62
62
|
</div>
|
|
63
63
|
<div
|
|
@@ -168,15 +168,15 @@ const NonSportCardsSets = props => {
|
|
|
168
168
|
<>
|
|
169
169
|
{active == "all" && newNonSportCardsSets.length > 1 ?
|
|
170
170
|
<div className={cn('singles_group-wrapper mb-4 px-2 inline-block', classes.singlesGroupWrapper)}>
|
|
171
|
-
<div className='singles_item_group_letter text-xl font-
|
|
171
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' >
|
|
172
172
|
{group}
|
|
173
173
|
</div>
|
|
174
174
|
<div className={cn('singles_item-list flex flex-col')}>{setsResult}</div>
|
|
175
175
|
</div> : ''}
|
|
176
176
|
{active == group || newNonSportCardsSets.length == 1 ? setsResultSplitted && setsResultSplitted.length && setsResultSplitted.map((setsResult, index) =>
|
|
177
177
|
<div key={index} className={cn('singles_group-wrapper mb-4 px-2 inline-block', classes.singlesGroupWrapper)}>
|
|
178
|
-
{index == 0 ? <div className='singles_item_group_letter text-xl font-
|
|
179
|
-
<div className='singles_item_group_letter text-xl font-
|
|
178
|
+
{index == 0 ? <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2'>{group}</div> :
|
|
179
|
+
<div className='singles_item_group_letter text-xl font-medium pb-1 mb-2' style={{"marginTop":"35px"}}></div>}
|
|
180
180
|
<div className={cn('singles_item-list flex flex-col')}>{setsResult}</div>
|
|
181
181
|
</div>
|
|
182
182
|
)
|
|
@@ -23,22 +23,22 @@ const NonSportCardsSets = props => {
|
|
|
23
23
|
<section className='singles-container'>
|
|
24
24
|
<div className={cn('singles-wrapper block -mx-4', classes.singlesWrapper)}>
|
|
25
25
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
26
|
-
<div className='singles_item_group_letter text-xl font-
|
|
26
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
27
27
|
</div>
|
|
28
28
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
29
|
-
<div className='singles_item_group_letter text-xl font-
|
|
29
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
30
30
|
</div>
|
|
31
31
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
32
|
-
<div className='singles_item_group_letter text-xl font-
|
|
32
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
33
33
|
</div>
|
|
34
34
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
35
|
-
<div className='singles_item_group_letter text-xl font-
|
|
35
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
36
36
|
</div>
|
|
37
37
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
38
|
-
<div className='singles_item_group_letter text-xl font-
|
|
38
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
39
39
|
</div>
|
|
40
40
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
41
|
-
<div className='singles_item_group_letter text-xl font-
|
|
41
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' ><Shimmer width="95%" height="100vh" /></div>
|
|
42
42
|
</div>
|
|
43
43
|
</div>
|
|
44
44
|
</section>
|
|
@@ -15,7 +15,7 @@ const ProductItem = () => {
|
|
|
15
15
|
<div class="inline-flex flex-col items-start gap-[10px] relative flex-[0_0_auto]">
|
|
16
16
|
<div class="flex flex-col w-[153px] items-start justify-center gap-[8px] relative flex-[0_0_auto]">
|
|
17
17
|
<div class="flex flex-col items-start gap-[6px] relative self-stretch w-full flex-[0_0_auto]">
|
|
18
|
-
<div class="relative w-fit mt-[-1.00px] [font-family:'Noto_Sans',Helvetica] font-
|
|
18
|
+
<div class="relative w-fit mt-[-1.00px] [font-family:'Noto_Sans',Helvetica] font-medium text-[#1b1b1b] text-[14px] tracking-[0] leading-[normal] whitespace-nowrap">$55.00</div>
|
|
19
19
|
</div>
|
|
20
20
|
</div>
|
|
21
21
|
<div class="flex-col items-start gap-[8px] inline-flex relative flex-[0_0_auto]">
|
|
@@ -45,7 +45,7 @@ const RFQModalForm = (props) => {
|
|
|
45
45
|
>
|
|
46
46
|
<div className='modal_bid-content'>
|
|
47
47
|
<div className='header_title-modal flex justify-between mb-4'>
|
|
48
|
-
<div className='text-lg text-black font-
|
|
48
|
+
<div className='text-lg text-black font-medium'>
|
|
49
49
|
{
|
|
50
50
|
formatMessage({
|
|
51
51
|
id: 'productFullDetail.RequestQuote',
|
|
@@ -199,7 +199,7 @@ const RFQModalForm = (props) => {
|
|
|
199
199
|
<Button
|
|
200
200
|
priority='low'
|
|
201
201
|
classes={{
|
|
202
|
-
content: 'capitalize text-[16px] font-
|
|
202
|
+
content: 'capitalize text-[16px] font-medium'
|
|
203
203
|
}}
|
|
204
204
|
onClick={() => setOpen(false)}
|
|
205
205
|
>
|
|
@@ -214,7 +214,7 @@ const RFQModalForm = (props) => {
|
|
|
214
214
|
<Button
|
|
215
215
|
priority='high'
|
|
216
216
|
classes={{
|
|
217
|
-
content: 'capitalize text-[16px] font-
|
|
217
|
+
content: 'capitalize text-[16px] font-medium'
|
|
218
218
|
}}
|
|
219
219
|
>
|
|
220
220
|
{
|
|
@@ -93,7 +93,7 @@ const OrderRow = props => {
|
|
|
93
93
|
);
|
|
94
94
|
|
|
95
95
|
const badgeStatusStyle = () => {
|
|
96
|
-
return 'bg-[#F1EFF6] text-blue-700 text-[14px] font-
|
|
96
|
+
return 'bg-[#F1EFF6] text-blue-700 text-[14px] font-medium rounded-full px-[30px] py-[5px] border-none';
|
|
97
97
|
}
|
|
98
98
|
|
|
99
99
|
const thumbnailProps = {
|
|
@@ -157,7 +157,7 @@ const OrderRow = props => {
|
|
|
157
157
|
defaultMessage={'Order Total'}
|
|
158
158
|
/>
|
|
159
159
|
</span>
|
|
160
|
-
<div className="text-lg font-
|
|
160
|
+
<div className="text-lg font-medium text-left md_text-center block">{orderTotalPrice}</div>
|
|
161
161
|
</div>
|
|
162
162
|
</div>
|
|
163
163
|
</div>
|
|
@@ -70,7 +70,7 @@ const relatedProduct = (props) => {
|
|
|
70
70
|
<>
|
|
71
71
|
<h2
|
|
72
72
|
className={cn(
|
|
73
|
-
'bg-darkblue-900 text-lg font-
|
|
73
|
+
'bg-darkblue-900 text-lg font-medium text-white leading-6 px-6 py-3 inline-block relative',
|
|
74
74
|
'after_border-l-[48px] after_border-t-[48px] after_border-b-0 after_border-r-0',
|
|
75
75
|
'after_border-l-darkblue-900 after_border-t-transparent after_border-r-transparent after_border-b-transparent',
|
|
76
76
|
'after_absolute after_right-[-48px] after_top-0'
|
|
@@ -90,7 +90,7 @@ const SellerDetail = props => {
|
|
|
90
90
|
<div className='flex flex-col xs_items-center md_items-start justify-between relative gap-y-[18px]'>
|
|
91
91
|
<div className='flex flex-col xs_items-center md_items-start gap-[6px] relative'>
|
|
92
92
|
<div className="gap-x-[10px] gap-y-1 flex xs_flex-col md_flex-row xs_items-center md_items-start relative">
|
|
93
|
-
<div className="relative w-fit mt-[-1.00px] font-
|
|
93
|
+
<div className="relative w-fit mt-[-1.00px] font-medium text-[20px] tracking-[0] leading-[24px] whitespace-nowrap">
|
|
94
94
|
{seller ? seller.name : ''}
|
|
95
95
|
</div>
|
|
96
96
|
<div className="flex items-center gap-[5px] relative">
|
|
@@ -5,7 +5,7 @@ const SellerLocation = ({ storeLocators }) => {
|
|
|
5
5
|
return (
|
|
6
6
|
<>{storeLocators.length > 0 ? (
|
|
7
7
|
<div class="w-full flex flex-col items-start gap-[25px]">
|
|
8
|
-
<div class="relative w-fit font-
|
|
8
|
+
<div class="relative w-fit font-medium text-[20px] tracking-[0] leading-[normal]">Our Store</div>
|
|
9
9
|
<div class="w-full grid xs_grid-cols-1 md_grid-cols-2 xl_grid-cols-3 gap-4">
|
|
10
10
|
{storeLocators && storeLocators.map((value, index) =>
|
|
11
11
|
<SellerLocationItem storeLocator={value} key={index} />
|
|
@@ -7,7 +7,7 @@ const SellerLocationItem = ({ storeLocator }) => {
|
|
|
7
7
|
return storeLocator && (
|
|
8
8
|
<>
|
|
9
9
|
<div class="flex flex-col w-full items-start gap-[15px] p-[20px] relative rounded-[8px] border border-solid border-[#e6e9ea]">
|
|
10
|
-
<div class="relative w-fit mt-[-1.00px] [font-family:'Noto_Sans',Helvetica] font-
|
|
10
|
+
<div class="relative w-fit mt-[-1.00px] [font-family:'Noto_Sans',Helvetica] font-medium text-[14px] tracking-[0] leading-[normal]">{storeLocator ? storeLocator.name : ''}</div>
|
|
11
11
|
<div class="inline-flex items-center gap-[10px] relative flex-[0_0_auto]">
|
|
12
12
|
<Location color="#1B1B1B" size={18} variant="Outline" className='stroke-[#1B1B1B] stroke-[0.5px]' />
|
|
13
13
|
<div class="relative w-fit mt-[-1.00px] [font-family:'Noto_Sans',Helvetica] font-normal text-base tracking-[0] leading-[normal]">
|
|
@@ -16,7 +16,7 @@ const SellerReview = ({ seller }) => {
|
|
|
16
16
|
<div className='w-full flex items-start xs_flex-col lg_flex-row gap-[30px] '>
|
|
17
17
|
<div className="w-full xs_max-w-full lg_max-w-[300px] px-[25px] py-10 rounded-md border border-gray-200 flex-col justify-start items-start gap-[25px] inline-flex">
|
|
18
18
|
<div className="justify-start items-end gap-[15px] inline-flex">
|
|
19
|
-
<div className="text-center text-zinc-900 text-[40px] font-
|
|
19
|
+
<div className="text-center text-zinc-900 text-[40px] font-medium leading-10">4.7</div>
|
|
20
20
|
<div className="flex-col justify-start items-start gap-[9px] inline-flex">
|
|
21
21
|
<div className="justify-start items-start gap-1.5 inline-flex">
|
|
22
22
|
<div className="w-3.5 h-3.5 relative">
|
|
@@ -92,7 +92,7 @@ const SellerReviewItem = ({ review }) => {
|
|
|
92
92
|
<div class="inline-flex flex-col items-start gap-[10px] relative flex-[0_0_auto]">
|
|
93
93
|
<div class="inline-flex items-center gap-[15px] relative flex-[0_0_auto]">
|
|
94
94
|
<div class="flex w-[40px] h-[40px] items-center justify-around gap-[10px] p-[10px] relative bg-[#f76b1c] rounded-[30px]">
|
|
95
|
-
<div class="relative w-fit font-
|
|
95
|
+
<div class="relative w-fit font-medium text-white text-[14px] text-center tracking-[0] leading-[18px] whitespace-nowrap">
|
|
96
96
|
{review ? getInitialName(review.nickname) : ''}
|
|
97
97
|
</div>
|
|
98
98
|
</div>
|
|
@@ -70,7 +70,7 @@ const ShopBy = props => {
|
|
|
70
70
|
<>
|
|
71
71
|
{optionsResult ?
|
|
72
72
|
<div className='singles_group-wrapper mb-4 px-2 inline-block w-full'>
|
|
73
|
-
<div className='singles_item_group_letter text-xl font-
|
|
73
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' >
|
|
74
74
|
{group}
|
|
75
75
|
</div>
|
|
76
76
|
<div className={cn('singles_item-list flex flex-col')}>{optionsResult}</div>
|
|
@@ -180,15 +180,15 @@ const ShopBy = props => {
|
|
|
180
180
|
newAvailableGroups.length == 1 ? (
|
|
181
181
|
optionsResultSplitted && optionsResultSplitted.length && optionsResultSplitted.map((data, index) => (
|
|
182
182
|
<div key={index} className={cn('singles_group-wrapper mb-4 px-2 inline-block', classes.singlesGroupWrapper)}>
|
|
183
|
-
{searchQuery && availableGroups.length > 1 && (index == 0 ? <div className='singles_item_group_letter text-xl font-
|
|
184
|
-
<div className='singles_item_group_letter text-xl font-
|
|
183
|
+
{searchQuery && availableGroups.length > 1 && (index == 0 ? <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2'>{group}</div> :
|
|
184
|
+
<div className='singles_item_group_letter text-xl font-medium pb-1 mb-2' style={{"marginTop":"35px"}}></div>)}
|
|
185
185
|
<div className={cn('singles_item-list flex flex-col')}>{data}</div>
|
|
186
186
|
</div>
|
|
187
187
|
)
|
|
188
188
|
)
|
|
189
189
|
) : (
|
|
190
190
|
<div className={cn('singles_group-wrapper mb-4 px-2 inline-block', classes.singlesGroupWrapper)}>
|
|
191
|
-
<div className='singles_item_group_letter text-xl font-
|
|
191
|
+
<div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2' >
|
|
192
192
|
{group}
|
|
193
193
|
</div>
|
|
194
194
|
<div className={cn('singles_item-list flex flex-col')}>{optionsResult}</div>
|
|
@@ -201,8 +201,8 @@ const ShopBy = props => {
|
|
|
201
201
|
{all}
|
|
202
202
|
{active == group ? optionsResultSplitted && optionsResultSplitted.length && optionsResultSplitted.map((optionsResult, index) =>
|
|
203
203
|
<div key={index} className={cn('singles_group-wrapper mb-4 px-2 inline-block', classes.singlesGroupWrapper)}>
|
|
204
|
-
{index == 0 ? <div className='singles_item_group_letter text-xl font-
|
|
205
|
-
<div className='singles_item_group_letter text-xl font-
|
|
204
|
+
{index == 0 ? <div className='singles_item_group_letter text-xl font-medium border-b border-gray-100 pb-1 mb-2'>{group}</div> :
|
|
205
|
+
<div className='singles_item_group_letter text-xl font-medium pb-1 mb-2' style={{"marginTop":"35px"}}></div>}
|
|
206
206
|
<div className={cn('singles_item-list flex flex-col')}>{optionsResult}</div>
|
|
207
207
|
</div>
|
|
208
208
|
)
|