Make the "Incompatible" explainer more specific for Alt Styles

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

View file

@ -58,7 +58,7 @@ import { useDeleteOutfitMutation } from "../loaders/outfits";
* full width of the container, it doesn't look like it!
*/
function ItemsPanel({ outfitState, outfitSaving, loading, dispatchToOutfit }) {
const { zonesAndItems, incompatibleItems } = outfitState;
const { altStyleId, zonesAndItems, incompatibleItems } = outfitState;
return (
<ClassNames>
@ -98,7 +98,11 @@ function ItemsPanel({ outfitState, outfitSaving, loading, dispatchToOutfit }) {
zoneLabel="Incompatible"
afterHeader={
<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"
openDelay={100}
>