Compare commits

...

2 commits

Author SHA1 Message Date
b06149cf22 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.)
2024-02-01 05:43:33 -08:00
f30213697a Clarify item compatibility in the Alt Styles explanation text
Just a lil hint that many items won't fit, in case it's a surprise to
folks!
2024-02-01 05:40:16 -08:00
2 changed files with 8 additions and 5 deletions

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}
> >

View file

@ -738,8 +738,7 @@ function StyleExplanation() {
opacity="0.7" opacity="0.7"
marginTop="2" marginTop="2"
> >
"Alt Styles" are special NC items that override the pet's usual appearance "Alt Styles" are NC items that override the pet's appearance via the{" "}
via the{" "}
<Box <Box
as="a" as="a"
href="https://www.neopets.com/stylingchamber/" href="https://www.neopets.com/stylingchamber/"
@ -748,7 +747,7 @@ function StyleExplanation() {
> >
Styling Chamber Styling Chamber
</Box> </Box>
. The pet's color doesn't have to match. . Not all items fit Alt Style pets. The pet's color doesn't have to match.
<SupportOnly> <SupportOnly>
<br /> <br />
WIP: Only Support staff see this tab for now! 💖 WIP: Only Support staff see this tab for now! 💖