duckietm/Nitro-Cool-UI
1
0
Fork 0
mirror of https://github.com/duckietm/Nitro-Cool-UI.git synced 2025-06-21 22:36:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

Cleanup and Fix trading

Browse Source
This commit is contained in:
duckietm 2024-05-03 15:48:21 +02:00
parent 4b0af81009
commit 38cf8dc7ac
8 changed files with 23 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/assets/images/inventory/botsempty.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 6.7 KiB

BIN
src/assets/images/inventory/furniempty.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 24 KiB

BIN
src/assets/images/inventory/petsempty.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.8 KiB

2
src/components/inventory/InventoryView.scss
View File

@ -143,7 +143,7 @@
.calc-wrapper { .calc-wrapper {
width: 96%; width: 96%;
height: calc(100% - 90px); height: calc(100% - 100px);
} }
.size-list-badges { .size-list-badges {

29
src/components/inventory/views/InventoryCategoryEmptyView.tsx
View File

@ -1,26 +1,33 @@
import { FC } from 'react'; import { FC } from 'react';
import { Column, Grid, GridProps, Text } from '../../../common'; import { CreateLinkEvent, LocalizeText } from '../../../api';
import { Button, Column, Flex, Grid, GridProps, Text } from '../../../common';
export interface InventoryCategoryEmptyViewProps extends GridProps export interface InventoryCategoryEmptyViewProps extends GridProps
{ {
title: string; title: string;
desc: string; desc: string;
isTrading?: boolean;
} }
export const InventoryCategoryEmptyView: FC<InventoryCategoryEmptyViewProps> = props => export const InventoryCategoryEmptyView: FC<InventoryCategoryEmptyViewProps> = props =>
{ {
const { title = '', desc = '', children = null, ...rest } = props; const { title = '', desc = '', isTrading = false, children = null, ...rest } = props;
return ( return (
<Grid { ...rest }> <Grid {...rest}>
<Column center size={ 5 } overflow="hidden"> <Column center size={ 5 } overflow="hidden">
<div className="empty-image" /> <div className="empty-image" />
</Column> { !isTrading &&
<Column justifyContent="center" size={ 7 } overflow="hidden"> <Flex gap={ 2 } position="absolute" className="bottom-2">
<Button className="py-1" onClick={ () => CreateLinkEvent('catalog/open') }>{ LocalizeText('inventory.open.catalog') }</Button>
</Flex>
}
</Column>
<Column justifyContent="center" size={ 7 } overflow="hidden">
<Text fontWeight="bold" fontSize={ 5 } overflow="unset" truncate>{ title }</Text> <Text fontWeight="bold" fontSize={ 5 } overflow="unset" truncate>{ title }</Text>
<Text overflow="auto">{ desc }</Text> <Text overflow="auto">{ desc }</Text>
</Column> </Column>
{ children } {children}
</Grid> </Grid>
); );
} };

5
src/components/inventory/views/InventoryCategoryFilterView.tsx
View File

@ -95,11 +95,6 @@ export const InventoryCategoryFilterView: FC<InventoryCategoryFilterViewProps> =
{ [ InventoryFilterType.EVERYTHING, InventoryFilterType.FLOOR, InventoryFilterType.WALL ].map((type, index) => <option key={ index } value={ type }>{ LocalizeText(type) }</option>) } { [ InventoryFilterType.EVERYTHING, InventoryFilterType.FLOOR, InventoryFilterType.WALL ].map((type, index) => <option key={ index } value={ type }>{ LocalizeText(type) }</option>) }
</select> </select>
</Flex> </Flex>
<Flex alignItems="center" position="relative" className="ms-2">
<select className="form-select form-select-sm" value={ filterPlace } onChange={ event => setFilterPlace(event.target.value) } disabled={ currentTab === TAB_FURNITURE }>
{ [ InventoryFilterType.ANYWHERE, InventoryFilterType.IN_ROOM, InventoryFilterType.IN_INVENTORY ].map((type, index) => <option key={ index } value={ type }>{ LocalizeText(type) }</option>) }
</select>
</Flex>
</> </>
} }
</Flex> </Flex>

2
src/components/inventory/views/badge/InventoryBadgeView.tsx
View File

@ -40,7 +40,7 @@ export const InventoryBadgeView: FC<InventoryBadgeViewProps> = props =>
}, []); }, []);
return ( return (
<div className="calc-wrapper mt-n2"> <div className="badge-wrapper calc-wrapper mt-n2">
<Grid gap={ 1 }> <Grid gap={ 1 }>
<Column overflow="hidden" className="size-list-badges mt-1"> <Column overflow="hidden" className="size-list-badges mt-1">
<AutoGrid gap={ 1 } columnCount={ 5 }> <AutoGrid gap={ 1 } columnCount={ 5 }>

2
src/components/inventory/views/pet/InventoryPetView.tsx
View File

@ -64,7 +64,7 @@ export const InventoryPetView: FC<InventoryPetViewProps> = props =>
return () => setIsVisible(false); return () => setIsVisible(false);
}, []); }, []);
if(!petItems || !petItems.length) return <InventoryCategoryEmptyView title={ LocalizeText('inventory.empty.pets.title') } desc={ LocalizeText('inventory.empty.pets.desc') } />; if(!petItems || !petItems.length) return <InventoryCategoryEmptyView title={ LocalizeText('inventory.empty.pets.title') } desc={ LocalizeText('inventory.empty.pets.desc') } isTrading={ isTrading } />;
return ( return (
<Grid> <Grid>