From 4b9a783aeda971b7ca84d462d4b02cde8d57052d Mon Sep 17 00:00:00 2001
From: DuckieTM <info@camwijs.nl>
Date: Mon, 1 Apr 2024 15:05:29 +0200
Subject: [PATCH] update: use a icon for delete items

---
 .../views/furniture/InventoryFurnitureView.tsx         | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/components/inventory/views/furniture/InventoryFurnitureView.tsx b/src/components/inventory/views/furniture/InventoryFurnitureView.tsx
index 025c06d..1b6dc0f 100644
--- a/src/components/inventory/views/furniture/InventoryFurnitureView.tsx
+++ b/src/components/inventory/views/furniture/InventoryFurnitureView.tsx
@@ -4,6 +4,7 @@ import { attemptItemPlacement, DispatchUiEvent, FurniCategory, GetRoomEngine, Ge
 import { AutoGrid, Button, Column, Grid, LayoutLimitedEditionCompactPlateView, LayoutRarityLevelView, LayoutRoomPreviewerView, Text } from '../../../../common';
 import { CatalogPostMarketplaceOfferEvent } from '../../../../events';
 import { DeleteItemConfirmEvent } from '../../../../events';
+import { FaTrashAlt } from 'react-icons/fa';
 import { useInventoryFurni, useInventoryUnseenTracker } from '../../../../hooks';
 import { InventoryCategoryEmptyView } from '../InventoryCategoryEmptyView';
 import { InventoryFurnitureItemView } from './InventoryFurnitureItemView';
@@ -131,6 +132,11 @@ export const InventoryFurnitureView: FC<InventoryFurnitureViewProps> = props =>
             <Column size={ 5 } overflow="auto">
                 <Column overflow="hidden" position="relative">
                     <LayoutRoomPreviewerView roomPreviewer={ roomPreviewer } height={ 140 } />
+					{ selectedItem &&
+						<Button variant="danger" className="bottom-2 end-2" position="absolute" onClick={ event => attemptDeleteItem(selectedItem) }>
+							<FaTrashAlt className="fa-icon" />
+						</Button> 
+					}
                     { 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) &&
@@ -148,10 +154,6 @@ export const InventoryFurnitureView: FC<InventoryFurnitureViewProps> = props =>
                                 <Button onClick={ event => attemptPlaceMarketplaceOffer(selectedItem) }>
                                     { LocalizeText('inventory.marketplace.sell') }
                                 </Button> }
-                            { selectedItem &&
-                                <Button variant="danger" onClick={ event => attemptDeleteItem(selectedItem) }>
-                                    { LocalizeText('inventory.furni.delete') }
-                                </Button> }
                         </Column>
                     </Column> }
             </Column>