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

🆙 add check for pets when sellable is enabled

Browse Source
This commit is contained in:
duckietm
2026-03-25 17:28:33 +01:00
parent 303b75d378
commit dc388d061c
4 changed files with 37 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/api/avatar/IAvatarEditorCategoryPartItem.ts
+1
View File
@@ -7,4 +7,5 @@ export interface IAvatarEditorCategoryPartItem
usesColor?: boolean;
maxPaletteCount?: number;
isClear?: boolean;
isSellableNotOwned?: boolean;
}
src/components/avatar-editor/figure-set/AvatarEditorFigureSetItemView.tsx
+9 -4
View File
@@ -20,6 +20,7 @@ export const AvatarEditorFigureSetItemView: FC<{
const clubLevel = partItem.partSet?.clubLevel ?? 0;
const isHC = !GetConfigurationValue<boolean>('hc.disabled', false) && (clubLevel > 0);
const isLocked = isHC && (GetClubMemberLevel() < clubLevel);
const isSellableNotOwned = partItem.isSellableNotOwned ?? false;
useEffect(() =>
{
@@ -39,22 +40,26 @@ export const AvatarEditorFigureSetItemView: FC<{
}
else
{
url = await AvatarEditorThumbnailsHelper.build(setType, partItem, partItem.usesColor, selectedColorParts[setType] ?? null, partIsLocked);
url = await AvatarEditorThumbnailsHelper.build(setType, partItem, partItem.usesColor, selectedColorParts[setType] ?? null, partIsLocked || isSellableNotOwned);
}
if(url && url.length) setAssetUrl(url);
};
loadImage();
}, [ setType, partItem, selectedColorParts, getFigureStringWithFace ]);
}, [ setType, partItem, selectedColorParts, getFigureStringWithFace, isSellableNotOwned ]);
if(!partItem) return null;
return (
<InfiniteGrid.Item itemActive={ isSelected } itemImage={ (partItem.isClear ? undefined : assetUrl) } className={ `avatar-parts mx-auto${ isSelected ? ' part-selected' : '' }` } style={ { backgroundPosition: (setType === AvatarFigurePartType.HEAD) ? 'center -35px' : 'center' } } { ...rest }>
<InfiniteGrid.Item itemActive={ isSelected } itemImage={ (partItem.isClear ? undefined : assetUrl) } className={ `avatar-parts mx-auto${ isSelected ? ' part-selected' : '' }${ isSellableNotOwned ? ' pet-sellable-locked' : '' }` } style={ { backgroundPosition: (setType === AvatarFigurePartType.HEAD) ? 'center -35px' : 'center' } } { ...rest }>
{ !partItem.isClear && isHC && <LayoutCurrencyIcon className="absolute inset-e-1 bottom-1" type="hc" /> }
{ partItem.isClear && <AvatarEditorIcon icon="clear" /> }
{ !partItem.isClear && partItem.partSet.isSellable && <AvatarEditorIcon className="inset-e-1 bottom-1 absolute" icon="sellable" /> }
{ !partItem.isClear && partItem.partSet.isSellable && !isSellableNotOwned && <AvatarEditorIcon className="inset-e-1 bottom-1 absolute" icon="sellable" /> }
{ isSellableNotOwned &&
<div className="pet-sellable-badge">
<LayoutCurrencyIcon type={ -1 } />
</div> }
</InfiniteGrid.Item>
);
};
src/css/index.css
+21
View File
@@ -1232,6 +1232,27 @@ body {
overflow: hidden !important;
}
.pet-sellable-locked {
opacity: 0.5;
cursor: not-allowed !important;
position: relative;
}
.pet-sellable-badge {
position: absolute;
bottom: 2px;
right: 2px;
display: flex;
align-items: center;
gap: 1px;
background-color: rgba(0, 0, 0, 0.6);
border-radius: 3px;
padding: 1px 3px;
font-size: 9px;
color: #ffd700;
font-weight: bold;
}
.pet-remove-btn {
background: none;
border: none;
src/hooks/avatar-editor/useAvatarEditor.ts
+6 -2
View File
@@ -65,6 +65,8 @@ const useAvatarEditorState = () =>
if(GetClubMemberLevel() < partItem.partSet.clubLevel) return;
if(partItem.isSellableNotOwned) return;
setMaxPaletteCount(partItem.maxPaletteCount || 1);
selectPart(setType, partId);
@@ -271,13 +273,15 @@ const useAvatarEditorState = () =>
if(!partSet || !partSet.isSelectable || ((partSet.gender !== gender) && (partSet.gender !== AvatarFigurePartType.UNISEX))) continue;
if(partSet.isSellable && figureSetIds.indexOf(partSet.id) === -1) continue;
const isSellableNotOwned = partSet.isSellable && figureSetIds.indexOf(partSet.id) === -1;
if(isSellableNotOwned && setType !== AvatarFigurePartType.PET) continue;
let maxPaletteCount = 0;
for(const part of partSet.parts) maxPaletteCount = Math.max(maxPaletteCount, part.colorLayerIndex);
partItems.push({ id: partSet.id, partSet, usesColor, maxPaletteCount });
partItems.push({ id: partSet.id, partSet, usesColor, maxPaletteCount, isSellableNotOwned });
}
partItems.sort(AvatarEditorPartSorter(false));