mirror of
https://github.com/billsonnn/nitro-react.git
synced 2024-11-27 08:00:51 +01:00
More inventory updates
This commit is contained in:
parent
67afaccd21
commit
ce7e6281df
@ -80,10 +80,10 @@ export const InventoryBadgeView: FC<InventoryBadgeViewProps> = props =>
|
||||
|
||||
return (
|
||||
<NitroLayoutGrid>
|
||||
<NitroLayoutGridColumn size={ 7 } gap={ 2 }>
|
||||
<NitroLayoutGridColumn size={ 7 }>
|
||||
<InventoryBadgeResultsView badges={ badges } activeBadges={ activeBadges } />
|
||||
</NitroLayoutGridColumn>
|
||||
<NitroLayoutGridColumn className="justify-content-between" size={ 5 } gap={ 2 } overflow="auto">
|
||||
<NitroLayoutGridColumn className="justify-content-between" size={ 5 } overflow="auto">
|
||||
<NitroLayoutFlexColumn overflow="hidden" gap={ 2 }>
|
||||
<NitroLayoutBase className="text-black text-truncate">{ LocalizeText('inventory.badges.activebadges') }</NitroLayoutBase>
|
||||
<InventoryActiveBadgeResultsView badges={ activeBadges } />
|
||||
|
@ -72,10 +72,10 @@ export const InventoryBotView: FC<InventoryBotViewProps> = props =>
|
||||
|
||||
return (
|
||||
<NitroLayoutGrid>
|
||||
<NitroLayoutGridColumn size={ 7 } gap={ 2 }>
|
||||
<NitroLayoutGridColumn size={ 7 }>
|
||||
<InventoryBotResultsView botItems={ botItems } />
|
||||
</NitroLayoutGridColumn>
|
||||
<NitroLayoutGridColumn size={ 5 } gap={ 2 } overflow="auto">
|
||||
<NitroLayoutGridColumn size={ 5 } overflow="auto">
|
||||
<NitroLayoutFlexColumn overflow="hidden" position="relative">
|
||||
<RoomPreviewerView roomPreviewer={ roomPreviewer } height={ 140 } />
|
||||
</NitroLayoutFlexColumn>
|
||||
|
@ -108,11 +108,11 @@ export const InventoryFurnitureView: FC<InventoryFurnitureViewProps> = props =>
|
||||
|
||||
return (
|
||||
<NitroLayoutGrid>
|
||||
<NitroLayoutGridColumn size={ 7 } gap={ 2 }>
|
||||
<NitroLayoutGridColumn size={ 7 }>
|
||||
<InventoryFurnitureSearchView groupItems={ groupItems } setGroupItems={ setFilteredGroupItems } />
|
||||
<InventoryFurnitureResultsView groupItems={ filteredGroupItems } />
|
||||
</NitroLayoutGridColumn>
|
||||
<NitroLayoutGridColumn size={ 5 } gap={ 2 } overflow="auto">
|
||||
<NitroLayoutGridColumn size={ 5 } overflow="auto">
|
||||
<NitroLayoutFlexColumn overflow="hidden" position="relative">
|
||||
<RoomPreviewerView roomPreviewer={ roomPreviewer } height={ 140 } />
|
||||
{ groupItem && groupItem.stuffData.isUnique &&
|
||||
|
@ -71,10 +71,10 @@ export const InventoryPetView: FC<InventoryPetViewProps> = props =>
|
||||
|
||||
return (
|
||||
<NitroLayoutGrid>
|
||||
<NitroLayoutGridColumn size={ 7 } gap={ 2 }>
|
||||
<NitroLayoutGridColumn size={ 7 }>
|
||||
<InventoryPetResultsView petItems={ petItems } />
|
||||
</NitroLayoutGridColumn>
|
||||
<NitroLayoutGridColumn size={ 5 } gap={ 2 } overflow="auto">
|
||||
<NitroLayoutGridColumn size={ 5 } overflow="auto">
|
||||
<NitroLayoutFlexColumn overflow="hidden" position="relative">
|
||||
<RoomPreviewerView roomPreviewer={ roomPreviewer } height={ 140 } />
|
||||
</NitroLayoutFlexColumn>
|
||||
|
@ -229,10 +229,10 @@ export const InventoryTradeView: FC<InventoryTradeViewProps> = props =>
|
||||
|
||||
return (
|
||||
<NitroLayoutGrid>
|
||||
<NitroLayoutGridColumn size={ 4 } gap={ 2 }>
|
||||
<NitroLayoutGridColumn size={ 4 }>
|
||||
<NitroLayoutFlexColumn className="h-100" overflow="auto" gap={ 2 }>
|
||||
<InventoryFurnitureSearchView groupItems={ groupItems } setGroupItems={ setFilteredGroupItems } />
|
||||
<NitroCardGridView columns={ 3 }>
|
||||
<NitroCardGridView>
|
||||
{ filteredGroupItems && (filteredGroupItems.length > 0) && filteredGroupItems.map((item, index) =>
|
||||
{
|
||||
const count = item.getUnlockedCount();
|
||||
@ -252,12 +252,12 @@ export const InventoryTradeView: FC<InventoryTradeViewProps> = props =>
|
||||
{ groupItem ? groupItem.name : LocalizeText('catalog_selectproduct') }
|
||||
</NitroLayoutBase>
|
||||
</NitroLayoutGridColumn>
|
||||
<NitroLayoutGridColumn size={ 8 } gap={ 2 }>
|
||||
<NitroLayoutGridColumn size={ 8 }>
|
||||
<NitroLayoutGrid overflow="hidden">
|
||||
<NitroLayoutGridColumn size={ 6 } gap={ 2 }>
|
||||
<NitroLayoutGridColumn size={ 6 }>
|
||||
<NitroLayoutFlexColumn className="h-100" overflow="auto" gap={ 2 }>
|
||||
<span className="d-flex justify-content-between align-items-center text-black small mb-1">{ LocalizeText('inventory.trading.you') } { LocalizeText('inventory.trading.areoffering') }: <i className={ 'small fas ' + (tradeData.ownUser.accepts ? 'fa-lock text-success' : 'fa-unlock text-danger') } /></span>
|
||||
<NitroCardGridView columns={ 3 }>
|
||||
<NitroCardGridView>
|
||||
{ Array.from(Array(MAX_ITEMS_TO_TRADE), (e, i) =>
|
||||
{
|
||||
const item = (tradeData.ownUser.items.getWithIndex(i) || null);
|
||||
@ -279,10 +279,10 @@ export const InventoryTradeView: FC<InventoryTradeViewProps> = props =>
|
||||
{ ownGroupItem ? ownGroupItem.name : LocalizeText('catalog_selectproduct') }
|
||||
</NitroLayoutBase>
|
||||
</NitroLayoutGridColumn>
|
||||
<NitroLayoutGridColumn size={ 6 } gap={ 2 }>
|
||||
<NitroLayoutGridColumn size={ 6 }>
|
||||
<NitroLayoutFlexColumn className="h-100" overflow="auto" gap={ 2 }>
|
||||
<span className="d-flex justify-content-between align-items-center text-black small mb-1">{ tradeData.otherUser.userName } { LocalizeText('inventory.trading.isoffering') }: <i className={ 'small fas ' + (tradeData.otherUser.accepts ? 'fa-lock text-success' : 'fa-unlock text-danger') } /></span>
|
||||
<NitroCardGridView columns={ 3 }>
|
||||
<NitroCardGridView>
|
||||
{ Array.from(Array(MAX_ITEMS_TO_TRADE), (e, i) =>
|
||||
{
|
||||
const item = (tradeData.otherUser.items.getWithIndex(i) || null);
|
||||
|
Loading…
Reference in New Issue
Block a user