@rpg-engine/long-bow 0.7.82 → 0.7.83
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/dist/long-bow.cjs.development.js +17 -9
- package/dist/long-bow.cjs.development.js.map +1 -1
- package/dist/long-bow.cjs.production.min.js +1 -1
- package/dist/long-bow.cjs.production.min.js.map +1 -1
- package/dist/long-bow.esm.js +17 -9
- package/dist/long-bow.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/components/Marketplace/MarketplaceRows.tsx +16 -0
package/package.json
CHANGED
|
@@ -9,6 +9,7 @@ import { uiColors } from '../../constants/uiColors';
|
|
|
9
9
|
import { uiFonts } from '../../constants/uiFonts';
|
|
10
10
|
import { Button, ButtonTypes } from '../Button';
|
|
11
11
|
import { ItemInfoWrapper } from '../Item/Cards/ItemInfoWrapper';
|
|
12
|
+
import { onRenderGems } from '../Item/Inventory/ItemGem';
|
|
12
13
|
import { rarityColor } from '../Item/Inventory/ItemSlotRarity';
|
|
13
14
|
import { Ellipsis } from '../shared/Ellipsis';
|
|
14
15
|
import { SpriteFromAtlas } from '../shared/SpriteFromAtlas';
|
|
@@ -36,6 +37,10 @@ export const MarketplaceRows: React.FC<IMarketPlaceRowsPropos> = ({
|
|
|
36
37
|
onMarketPlaceItemRemove,
|
|
37
38
|
disabled,
|
|
38
39
|
}) => {
|
|
40
|
+
const renderGems = (item: IItem) => {
|
|
41
|
+
return item.attachedGems && onRenderGems(item);
|
|
42
|
+
};
|
|
43
|
+
|
|
39
44
|
return (
|
|
40
45
|
<MarketplaceWrapper>
|
|
41
46
|
<ItemIconContainer>
|
|
@@ -47,6 +52,7 @@ export const MarketplaceRows: React.FC<IMarketPlaceRowsPropos> = ({
|
|
|
47
52
|
equipmentSet={equipmentSet}
|
|
48
53
|
scale={scale}
|
|
49
54
|
>
|
|
55
|
+
<GemContainer>{renderGems(item)}</GemContainer>
|
|
50
56
|
<RarityContainer item={item}>
|
|
51
57
|
<SpriteFromAtlas
|
|
52
58
|
atlasIMG={atlasIMG}
|
|
@@ -61,8 +67,10 @@ export const MarketplaceRows: React.FC<IMarketPlaceRowsPropos> = ({
|
|
|
61
67
|
atlasJSON
|
|
62
68
|
)}
|
|
63
69
|
imgScale={2}
|
|
70
|
+
imgClassname="sprite-from-atlas-img--item"
|
|
64
71
|
/>
|
|
65
72
|
</RarityContainer>
|
|
73
|
+
|
|
66
74
|
<QuantityContainer>
|
|
67
75
|
{item.stackQty &&
|
|
68
76
|
item.stackQty > 1 &&
|
|
@@ -139,6 +147,14 @@ const QuantityContainer = styled.p`
|
|
|
139
147
|
font-size: ${uiFonts.size.xsmall} !important;
|
|
140
148
|
`;
|
|
141
149
|
|
|
150
|
+
const GemContainer = styled.p`
|
|
151
|
+
position: absolute;
|
|
152
|
+
display: block;
|
|
153
|
+
top: -5px;
|
|
154
|
+
left: -10px;
|
|
155
|
+
font-size: ${uiFonts.size.xsmall} !important;
|
|
156
|
+
`;
|
|
157
|
+
|
|
142
158
|
const Flex = styled.div`
|
|
143
159
|
display: flex;
|
|
144
160
|
gap: 24px;
|