duckietm/Nitro-V3
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-V3.git synced 2026-06-19 15:06:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

🆙 Added delete Furni / Pets in inventory

Browse Source
This commit is contained in:
duckietm
2026-02-19 13:22:37 +01:00
parent 325453db36
commit 3cf8c9b89a
11 changed files with 403 additions and 71 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/index.scss
-1
View File
@@ -12,7 +12,6 @@
@import './hc-center/HcCenterView';
@import './help/HelpView';
@import './hotel-view/HotelView';
@import './inventory/InventoryView';
@import './loading/LoadingView';
@import './mod-tools/ModToolsView';
@import './navigator/NavigatorView';
src/components/inventory/InventoryView.tsx
+44 -23
View File
@@ -1,10 +1,12 @@
import { NitroCard } from '@layout/NitroCard';
import { AddLinkEventTracker, BadgePointLimitsEvent, GetLocalizationManager, GetRoomEngine, ILinkEventTracker, IRoomSession, RemoveLinkEventTracker, RoomEngineObjectEvent, RoomEngineObjectPlacedEvent, RoomPreviewer, RoomSessionEvent } from '@nitrots/nitro-renderer';
import { FC, useEffect, useState } from 'react';
import { LocalizeText, UnseenItemCategory, isObjectMoverRequested, setObjectMoverRequested } from '../../api';
import { useInventoryTrade, useInventoryUnseenTracker, useMessageEvent, useNitroEvent } from '../../hooks';
import { GroupItem, LocalizeText, UnseenItemCategory, isObjectMoverRequested, setObjectMoverRequested } from '../../api';
import { NitroCardHeaderView, NitroCardTabsItemView, NitroCardTabsView, NitroCardView } from '../../common';
import { useInventoryBadges, useInventoryFurni, useInventoryTrade, useInventoryUnseenTracker, useMessageEvent, useNitroEvent } from '../../hooks';
import { InventoryCategoryFilterView } from './views/InventoryCategoryFilterView';
import { InventoryBadgeView } from './views/badge/InventoryBadgeView';
import { InventoryBotView } from './views/bot/InventoryBotView';
import { InventoryFurnitureDeleteView } from './views/furniture/InventoryFurnitureDeleteView';
import { InventoryFurnitureView } from './views/furniture/InventoryFurnitureView';
import { InventoryTradeView } from './views/furniture/InventoryTradeView';
import { InventoryPetView } from './views/pet/InventoryPetView';
@@ -13,8 +15,8 @@ const TAB_FURNITURE: string = 'inventory.furni';
const TAB_BOTS: string = 'inventory.bots';
const TAB_PETS: string = 'inventory.furni.tab.pets';
const TAB_BADGES: string = 'inventory.badges';
const TABS = [ TAB_FURNITURE, TAB_BOTS, TAB_PETS, TAB_BADGES ];
const UNSEEN_CATEGORIES = [ UnseenItemCategory.FURNI, UnseenItemCategory.BOT, UnseenItemCategory.PET, UnseenItemCategory.BADGE ];
const TABS = [ TAB_FURNITURE, TAB_PETS, TAB_BADGES, TAB_BOTS ];
const UNSEEN_CATEGORIES = [ UnseenItemCategory.FURNI, UnseenItemCategory.PET, UnseenItemCategory.BADGE, UnseenItemCategory.BOT ];
export const InventoryView: FC<{}> = props =>
{
@@ -22,8 +24,12 @@ export const InventoryView: FC<{}> = props =>
const [ currentTab, setCurrentTab ] = useState<string>(TABS[0]);
const [ roomSession, setRoomSession ] = useState<IRoomSession>(null);
const [ roomPreviewer, setRoomPreviewer ] = useState<RoomPreviewer>(null);
const [ filteredGroupItems, setFilteredGroupItems ] = useState<GroupItem[]>([]);
const [ filteredBadgeCodes, setFilteredBadgeCodes ] = useState<string[]>([]);
const { isTrading = false, stopTrading = null } = useInventoryTrade();
const { getCount = null, resetCategory = null } = useInventoryUnseenTracker();
const { getCount = null } = useInventoryUnseenTracker();
const { groupItems = [] } = useInventoryFurni();
const { badgeCodes = [] } = useInventoryBadges();
const onClose = () =>
{
@@ -117,44 +123,59 @@ export const InventoryView: FC<{}> = props =>
if(!isVisible) return null;
const showFilter = !isTrading && (currentTab === TAB_FURNITURE || currentTab === TAB_BADGES);
return (
<NitroCard
className="w-inventory-w h-inventory-h min-w-inventory-w min-h-inventory-h"
uniqueKey="inventory">
<NitroCard.Header
<>
<NitroCardView className="nitro-inventory" uniqueKey="inventory">
<NitroCardHeaderView
headerText={ LocalizeText('inventory.title') }
onCloseClick={ onClose } />
{ !isTrading &&
<>
<NitroCard.Tabs>
<NitroCardTabsView>
{ TABS.map((name, index) =>
{
return (
<NitroCard.TabItem
<NitroCardTabsItemView
key={ index }
count={ getCount(UNSEEN_CATEGORIES[index]) }
isActive={ (currentTab === name) }
onClick={ event => setCurrentTab(name) }>
{ LocalizeText(name) }
</NitroCard.TabItem>
</NitroCardTabsItemView>
);
}) }
</NitroCard.Tabs>
<NitroCard.Content>
</NitroCardTabsView>
<div className="flex flex-col overflow-hidden bg-[#DFDFDF] p-2 h-full gap-2">
{ showFilter &&
<InventoryCategoryFilterView
badgeCodes={ badgeCodes }
currentTab={ currentTab }
groupItems={ groupItems }
setBadgeCodes={ setFilteredBadgeCodes }
setGroupItems={ setFilteredGroupItems } /> }
<div className="flex-1 overflow-hidden">
{ (currentTab === TAB_FURNITURE) &&
<InventoryFurnitureView roomPreviewer={ roomPreviewer } roomSession={ roomSession } /> }
{ (currentTab === TAB_BOTS ) &&
<InventoryBotView roomPreviewer={ roomPreviewer } roomSession={ roomSession } /> }
<InventoryFurnitureView
filteredGroupItems={ filteredGroupItems }
roomPreviewer={ roomPreviewer }
roomSession={ roomSession } /> }
{ (currentTab === TAB_PETS) &&
<InventoryPetView roomPreviewer={ roomPreviewer } roomSession={ roomSession } /> }
{ (currentTab === TAB_BADGES) &&
<InventoryBadgeView /> }
</NitroCard.Content>
<InventoryBadgeView filteredBadgeCodes={ filteredBadgeCodes } /> }
{ (currentTab === TAB_BOTS) &&
<InventoryBotView roomPreviewer={ roomPreviewer } roomSession={ roomSession } /> }
</div>
</div>
</> }
{ isTrading &&
<NitroCard.Content>
<div className="flex flex-col overflow-hidden bg-[#DFDFDF] p-2 h-full">
<InventoryTradeView cancelTrade={ onClose } />
</NitroCard.Content> }
</NitroCard>
</div> }
</NitroCardView>
<InventoryFurnitureDeleteView />
</>
);
};
src/components/inventory/views/InventoryCategoryFilterView.tsx
+114
View File
@@ -0,0 +1,114 @@
import { Dispatch, FC, SetStateAction, useEffect, useState } from 'react';
import { GroupItem, LocalizeBadgeName, LocalizeText } from '../../../api';
import { NitroInput } from '../../../layout';
const FILTER_EVERYTHING = 'inventory.filter.option.everything';
const FILTER_FLOOR = 'inventory.furni.tab.floor';
const FILTER_WALL = 'inventory.furni.tab.wall';
const TAB_BADGES = 'inventory.badges';
const TAB_FURNITURE = 'inventory.furni';
interface InventoryCategoryFilterViewProps
{
currentTab: string;
groupItems: GroupItem[];
badgeCodes: string[];
setGroupItems: Dispatch<SetStateAction<GroupItem[]>>;
setBadgeCodes: Dispatch<SetStateAction<string[]>>;
}
export const InventoryCategoryFilterView: FC<InventoryCategoryFilterViewProps> = props =>
{
const { currentTab = null, groupItems = [], badgeCodes = [], setGroupItems = null, setBadgeCodes = null } = props;
const [ filterType, setFilterType ] = useState<string>(FILTER_EVERYTHING);
const [ searchValue, setSearchValue ] = useState('');
useEffect(() =>
{
if(currentTab !== TAB_BADGES) return;
const comparison = searchValue.toLocaleLowerCase().replace(' ', '');
const filteredBadges = badgeCodes.filter(badge => badge.startsWith('ACH_'));
const numberMap: { [key: string]: number } = {};
filteredBadges.forEach(badge =>
{
const name = badge.split(/[\d]+/)[0];
const number = Number(badge.replace(name, ''));
if(numberMap[name] === undefined || number > numberMap[name])
{
numberMap[name] = number;
}
});
const deduped = Object.keys(numberMap)
.map(name => `${ name }${ numberMap[name] }`)
.concat(badgeCodes.filter(badge => !badge.startsWith('ACH_')));
const filtered = deduped.filter(badgeCode =>
LocalizeBadgeName(badgeCode).toLocaleLowerCase().includes(comparison)
);
setBadgeCodes(filtered);
}, [ badgeCodes, currentTab, searchValue, setBadgeCodes ]);
useEffect(() =>
{
if(currentTab !== TAB_FURNITURE) return;
const comparison = searchValue.toLocaleLowerCase();
if(filterType === FILTER_EVERYTHING)
{
setGroupItems(groupItems.filter(item => item.name.toLocaleLowerCase().includes(comparison)));
return;
}
const filtered = groupItems.filter(item =>
{
const isWall = filterType === FILTER_WALL ? item.isWallItem : false;
const isFloor = filterType === FILTER_FLOOR ? !item.isWallItem : false;
const matchesSearch = item.name.toLocaleLowerCase().includes(comparison);
return comparison.length ? (matchesSearch && (isWall || isFloor)) : (isWall || isFloor);
});
setGroupItems(filtered);
}, [ groupItems, setGroupItems, searchValue, filterType, currentTab ]);
useEffect(() =>
{
setFilterType(FILTER_EVERYTHING);
setSearchValue('');
}, [ currentTab ]);
return (
<div
className="flex gap-1 rounded p-1 bg-[#C9C9C9] shrink-0"
style={ { width: currentTab === TAB_BADGES ? '320px' : '100%' } }>
<div className="relative flex flex-1 items-center">
<NitroInput
className="w-full"
placeholder={ LocalizeText('catalog.search') }
value={ searchValue }
onChange={ event => setSearchValue(event.target.value) } />
{ (searchValue && searchValue.length > 0) &&
<i
className="icon icon-clear absolute cursor-pointer right-1 top-1"
onClick={ () => setSearchValue('') } /> }
</div>
{ currentTab !== TAB_BADGES &&
<select
className="form-select text-xs rounded px-1 py-0 border border-gray-400 bg-white cursor-pointer"
value={ filterType }
onChange={ event => setFilterType(event.target.value) }>
{ [ FILTER_EVERYTHING, FILTER_FLOOR, FILTER_WALL ].map((type, index) =>
<option key={ index } value={ type }>{ LocalizeText(type) }</option>
) }
</select> }
</div>
);
};
src/components/inventory/views/badge/InventoryBadgeView.tsx
+6 -3
View File
@@ -5,12 +5,15 @@ import { useInventoryBadges, useInventoryUnseenTracker } from '../../../../hooks
import { InfiniteGrid, NitroButton } from '../../../../layout';
import { InventoryBadgeItemView } from './InventoryBadgeItemView';
export const InventoryBadgeView: FC<{}> = props =>
export const InventoryBadgeView: FC<{ filteredBadgeCodes?: string[] }> = props =>
{
const { filteredBadgeCodes = null } = props;
const [ isVisible, setIsVisible ] = useState(false);
const { badgeCodes = [], activeBadgeCodes = [], selectedBadgeCode = null, isWearingBadge = null, canWearBadges = null, toggleBadge = null, getBadgeId = null, activate = null, deactivate = null } = useInventoryBadges();
const { isUnseen = null, removeUnseen = null } = useInventoryUnseenTracker();
const displayCodes = (filteredBadgeCodes !== null ? filteredBadgeCodes : badgeCodes);
useEffect(() =>
{
if(!selectedBadgeCode || !isUnseen(UnseenItemCategory.BADGE, getBadgeId(selectedBadgeCode))) return;
@@ -41,7 +44,7 @@ export const InventoryBadgeView: FC<{}> = props =>
columnCount={ 5 }
estimateSize={ 50 }
itemRender={ item => <InventoryBadgeItemView badgeCode={ item } /> }
items={ badgeCodes.filter(code => !isWearingBadge(code)) } />
items={ displayCodes.filter(code => !isWearingBadge(code)) } />
</div>
<div className="flex flex-col justify-between col-span-5 overflow-auto">
<div className="flex flex-col gap-2 overflow-hidden">
@@ -54,7 +57,7 @@ export const InventoryBadgeView: FC<{}> = props =>
</div>
{ !!selectedBadgeCode &&
<div className="flex flex-col gap-2">
<div className="items-center gap-2">
<div className="flex items-center gap-2">
<LayoutBadgeImageView shrink badgeCode={ selectedBadgeCode } />
<span className="text-sm truncate grow">{ LocalizeBadgeName(selectedBadgeCode) }</span>
</div>
src/components/inventory/views/furniture/InventoryFurnitureDeleteView.tsx
+111
View File
@@ -0,0 +1,111 @@
import { DeleteItemMessageComposer } from '@nitrots/nitro-renderer';
import { FC, useState } from 'react';
import { FaCaretLeft, FaCaretRight } from 'react-icons/fa';
import { FurnitureItem, LocalizeText, ProductTypeEnum, SendMessageComposer } from '../../../../api';
import { LayoutFurniImageView, NitroCardHeaderView, NitroCardView } from '../../../../common';
import { DeleteItemConfirmEvent } from '../../../../events';
import { useNotification, useUiEvent } from '../../../../hooks';
import { NitroButton, NitroInput } from '../../../../layout';
export const InventoryFurnitureDeleteView: FC<{}> = props =>
{
const [ item, setItem ] = useState<FurnitureItem>(null);
const [ amount, setAmount ] = useState(1);
const [ maxAmount, setMaxAmount ] = useState(1);
const { showConfirm = null } = useNotification();
const onClose = () =>
{
setItem(null);
setAmount(1);
setMaxAmount(1);
};
const updateAmount = (value: string) =>
{
let newValue = parseInt(value);
if(isNaN(newValue)) newValue = 1;
newValue = Math.max(newValue, 1);
newValue = Math.min(newValue, maxAmount);
setAmount(newValue);
};
const deleteItem = () =>
{
if(!item) return;
const furniTitle = LocalizeText(item.isWallItem ? 'wallItem.name.' + item.type : 'roomItem.name.' + item.type);
showConfirm(
LocalizeText('inventory.delete.confirm_delete.info', [ 'furniname', 'amount' ], [ furniTitle, amount.toString() ]),
() =>
{
SendMessageComposer(new DeleteItemMessageComposer(item.id, amount));
onClose();
},
() => onClose(),
null,
null,
LocalizeText('inventory.delete.confirm_delete.title')
);
};
useUiEvent<DeleteItemConfirmEvent>(DeleteItemConfirmEvent.DELETE_ITEM_CONFIRM, event =>
{
setItem(event.item);
setMaxAmount(event.amount);
setAmount(1);
});
if(!item) return null;
const furniTitle = LocalizeText(item.isWallItem ? 'wallItem.name.' + item.type : 'roomItem.name.' + item.type);
return (
<NitroCardView className="w-[340px]" uniqueKey="inventory-delete">
<NitroCardHeaderView
headerText={ LocalizeText('inventory.delete.confirm_delete.title') }
onCloseClick={ onClose } />
<div className="bg-[#DFDFDF] p-2">
<div className="flex items-center gap-2">
<div className="shrink-0 w-[64px] h-[64px] bg-white rounded flex items-center justify-center">
<LayoutFurniImageView
extraData={ item.extra.toString() }
productClassId={ item.type }
productType={ item.isWallItem ? ProductTypeEnum.WALL : ProductTypeEnum.FLOOR } />
</div>
<div className="flex flex-col gap-1.5 flex-1 min-w-0">
<span className="font-bold text-sm truncate">{ furniTitle }</span>
<div className="flex items-center gap-1">
<FaCaretLeft
className="cursor-pointer text-black fa-icon shrink-0"
onClick={ () => updateAmount((amount - 1).toString()) } />
<NitroInput
className="quantity-input text-center !py-0.5"
type="number"
min={ 1 }
max={ maxAmount }
value={ amount }
onChange={ event => updateAmount(event.target.value) } />
<FaCaretRight
className="cursor-pointer text-black fa-icon shrink-0"
onClick={ () => updateAmount((amount + 1).toString()) } />
<NitroButton className="text-xs py-0.5 px-1 shrink-0" onClick={ () => updateAmount(maxAmount.toString()) }>
{ LocalizeText('inventory.delete.max_amount.button') }
</NitroButton>
</div>
<NitroButton
className="!bg-danger hover:!bg-danger/80 w-full"
disabled={ amount > maxAmount }
onClick={ deleteItem }>
{ LocalizeText('inventory.delete.confirm_delete.button') }
</NitroButton>
</div>
</div>
</div>
</NitroCardView>
);
};
src/components/inventory/views/furniture/InventoryFurnitureView.tsx
+22 -6
View File
@@ -1,14 +1,14 @@
import { InfiniteGrid } from '@layout/InfiniteGrid';
import { GetRoomEngine, GetSessionDataManager, IRoomSession, RoomObjectVariable, RoomPreviewer, Vector3d } from '@nitrots/nitro-renderer';
import { FC, useEffect, useState } from 'react';
import { FaTrashAlt } from 'react-icons/fa';
import { DispatchUiEvent, FurniCategory, GroupItem, LocalizeText, UnseenItemCategory, attemptItemPlacement } from '../../../../api';
import { LayoutLimitedEditionCompactPlateView, LayoutRarityLevelView, LayoutRoomPreviewerView } from '../../../../common';
import { CatalogPostMarketplaceOfferEvent } from '../../../../events';
import { CatalogPostMarketplaceOfferEvent, DeleteItemConfirmEvent } from '../../../../events';
import { useInventoryFurni, useInventoryUnseenTracker } from '../../../../hooks';
import { NitroButton } from '../../../../layout';
import { InventoryCategoryEmptyView } from '../InventoryCategoryEmptyView';
import { InventoryFurnitureItemView } from './InventoryFurnitureItemView';
import { InventoryFurnitureSearchView } from './InventoryFurnitureSearchView';
const attemptPlaceMarketplaceOffer = (groupItem: GroupItem) =>
{
@@ -21,14 +21,23 @@ const attemptPlaceMarketplaceOffer = (groupItem: GroupItem) =>
DispatchUiEvent(new CatalogPostMarketplaceOfferEvent(item));
};
const attemptDeleteItem = (groupItem: GroupItem) =>
{
const item = groupItem.getLastItem();
if(!item) return;
DispatchUiEvent(new DeleteItemConfirmEvent(item, groupItem.getTotalCount()));
};
export const InventoryFurnitureView: FC<{
roomSession: IRoomSession;
roomPreviewer: RoomPreviewer;
filteredGroupItems: GroupItem[];
}> = props =>
{
const { roomSession = null, roomPreviewer = null } = props;
const { roomSession = null, roomPreviewer = null, filteredGroupItems = [] } = props;
const [ isVisible, setIsVisible ] = useState(false);
const [ filteredGroupItems, setFilteredGroupItems ] = useState<GroupItem[]>([]);
const { groupItems = [], selectedItem = null, activate = null, deactivate = null } = useInventoryFurni();
const { resetItems = null } = useInventoryUnseenTracker();
@@ -112,7 +121,6 @@ export const InventoryFurnitureView: FC<{
return (
<div className="grid h-full grid-cols-12 gap-2">
<div className="flex flex-col col-span-7 gap-1 overflow-hidden">
<InventoryFurnitureSearchView groupItems={ groupItems } setGroupItems={ setFilteredGroupItems } />
<InfiniteGrid<GroupItem>
columnCount={ 6 }
itemRender={ item => <InventoryFurnitureItemView groupItem={ item } /> }
@@ -121,6 +129,12 @@ export const InventoryFurnitureView: FC<{
<div className="flex flex-col col-span-5">
<div className="relative flex flex-col">
<LayoutRoomPreviewerView height={ 140 } roomPreviewer={ roomPreviewer } />
{ selectedItem &&
<NitroButton
className="!bg-danger hover:!bg-danger/80 absolute bottom-2 end-2 p-1"
onClick={ () => attemptDeleteItem(selectedItem) }>
<FaTrashAlt className="fa-icon" />
</NitroButton> }
{ selectedItem && selectedItem.stuffData.isUnique &&
<LayoutLimitedEditionCompactPlateView className="top-2 end-2" position="absolute" uniqueNumber={ selectedItem.stuffData.uniqueNumber } uniqueSeries={ selectedItem.stuffData.uniqueSeries } /> }
{ (selectedItem && selectedItem.stuffData.rarityLevel > -1) &&
@@ -129,12 +143,14 @@ export const InventoryFurnitureView: FC<{
{ selectedItem &&
<div className="flex flex-col justify-between gap-2 grow">
<span className="text-sm truncate grow">{ selectedItem.name }</span>
{ selectedItem.description &&
<span className="text-xs truncate">{ selectedItem.description }</span> }
<div className="flex flex-col gap-1">
{ !!roomSession &&
<NitroButton onClick={ event => attemptItemPlacement(selectedItem) }>
{ LocalizeText('inventory.furni.placetoroom') }
</NitroButton> }
{ (selectedItem && selectedItem.isSellable) &&
{ selectedItem.isSellable &&
<NitroButton onClick={ event => attemptPlaceMarketplaceOffer(selectedItem) }>
{ LocalizeText('inventory.marketplace.sell') }
</NitroButton> }
src/components/inventory/views/pet/InventoryPetView.tsx
+25 -3
View File
@@ -1,8 +1,9 @@
import { GetRoomEngine, IRoomSession, RoomObjectVariable, RoomPreviewer } from '@nitrots/nitro-renderer';
import { DeletePetMessageComposer, GetRoomEngine, IRoomSession, RoomObjectVariable, RoomPreviewer } from '@nitrots/nitro-renderer';
import { FC, useEffect, useState } from 'react';
import { IPetItem, LocalizeText, UnseenItemCategory, attemptPetPlacement } from '../../../../api';
import { FaTrashAlt } from 'react-icons/fa';
import { IPetItem, LocalizeText, SendMessageComposer, UnseenItemCategory, attemptPetPlacement } from '../../../../api';
import { LayoutRoomPreviewerView } from '../../../../common';
import { useInventoryPets, useInventoryUnseenTracker } from '../../../../hooks';
import { useInventoryPets, useInventoryUnseenTracker, useNotification } from '../../../../hooks';
import { InfiniteGrid, NitroButton } from '../../../../layout';
import { InventoryCategoryEmptyView } from '../InventoryCategoryEmptyView';
import { InventoryPetItemView } from './InventoryPetItemView';
@@ -16,6 +17,21 @@ export const InventoryPetView: FC<{
const [ isVisible, setIsVisible ] = useState(false);
const { petItems = null, selectedPet = null, activate = null, deactivate = null } = useInventoryPets();
const { isUnseen = null, removeUnseen = null } = useInventoryUnseenTracker();
const { showConfirm = null } = useNotification();
const attemptDeletePet = () =>
{
if(!selectedPet?.petData) return;
showConfirm(
LocalizeText('inventory.delete.confirm_delete.info', [ 'furniname', 'amount' ], [ selectedPet.petData.name, '1' ]),
() => SendMessageComposer(new DeletePetMessageComposer(selectedPet.petData.id)),
null,
null,
null,
LocalizeText('inventory.delete.confirm_delete.title')
);
};
useEffect(() =>
{
@@ -74,6 +90,12 @@ export const InventoryPetView: FC<{
<div className="flex flex-col col-span-5">
<div className="relative flex flex-col">
<LayoutRoomPreviewerView height={ 140 } roomPreviewer={ roomPreviewer } />
{ selectedPet &&
<NitroButton
className="!bg-danger hover:!bg-danger/80 absolute bottom-2 end-2 p-1"
onClick={ attemptDeletePet }>
<FaTrashAlt className="fa-icon" />
</NitroButton> }
</div>
{ selectedPet && selectedPet.petData &&
<div className="flex flex-col justify-between gap-2 grow">
src/css/inventory/Inventory.css
+29
View File
@@ -0,0 +1,29 @@
:root {
--inventory-width: 528px;
--inventory-height: 420px;
}
.nitro-inventory {
width: var(--inventory-width);
height: var(--inventory-height);
min-width: var(--inventory-width);
min-height: var(--inventory-height);
}
.empty-image {
background: url("@/assets/images/inventory/empty.png");
background-repeat: no-repeat;
width: 129px;
height: 181px;
}
.trade-button {
min-height: 0;
font-size: 8px;
padding: 1px 2px;
z-index: 5;
}
.quantity-input {
width: 49px;
}
src/events/inventory/DeleteItemConfirmEvent.ts
+14
View File
@@ -0,0 +1,14 @@
import { NitroEvent } from '@nitrots/nitro-renderer';
import { FurnitureItem } from '../../api';
export class DeleteItemConfirmEvent extends NitroEvent
{
public static DELETE_ITEM_CONFIRM: string = 'DICE_DELETE_ITEM_CONFIRM';
constructor(
public readonly item: FurnitureItem,
public readonly amount: number)
{
super(DeleteItemConfirmEvent.DELETE_ITEM_CONFIRM);
}
}
src/events/inventory/index.ts
+1
View File
@@ -1 +1,2 @@
export * from './DeleteItemConfirmEvent';
export * from './InventoryFurniAddedEvent';
src/index.tsx
+2
View File
@@ -19,6 +19,8 @@ import './css/hotelview/HotelView.css';
import './css/icons/icons.css';
import './css/inventory/Inventory.css';
import './css/layout/LayoutTrophy.css';
import './css/loading/loading.css';