OpenNeo/impress
OpenNeo/impress
1
0
Fork 1
Code Pull requests Activity

Make the "Incompatible" explainer more specific for Alt Styles

Browse source 
For Alt Style outfits, it's useful to call special attention to the Alt
Style feature as the likely cause of incompatibilities.

(Incompatibilities previously were most often caused by choosing a
species-specific item, then switching to another species. We generally
make it hard to enter this state, by hiding incompatible items during
search.)
This commit is contained in:
Emi Matchu 2024-02-01 05:43:33 -08:00
parent f30213697a
commit b06149cf22
1 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
app/javascript/wardrobe-2020/WardrobePage/ItemsPanel.js
View file

@ -58,7 +58,7 @@ import { useDeleteOutfitMutation } from "../loaders/outfits";
* full width of the container, it doesn't look like it! * full width of the container, it doesn't look like it!
*/ */
function ItemsPanel({ outfitState, outfitSaving, loading, dispatchToOutfit }) { function ItemsPanel({ outfitState, outfitSaving, loading, dispatchToOutfit }) {
const { zonesAndItems, incompatibleItems } = outfitState; const { altStyleId, zonesAndItems, incompatibleItems } = outfitState;
return ( return (
<ClassNames> <ClassNames>
@ -98,7 +98,11 @@ function ItemsPanel({ outfitState, outfitSaving, loading, dispatchToOutfit }) {
zoneLabel="Incompatible" zoneLabel="Incompatible"
afterHeader={ afterHeader={
<Tooltip <Tooltip
label="These items don't fit this pet" label={
altStyleId != null
? "Many items don't fit Alt Style pets"
: "These items don't fit this pet"
}
placement="top" placement="top"
openDelay={100} openDelay={100}
> >