diff --git a/src/app/WardrobePage/OutfitKnownGlitchesBadge.js b/src/app/WardrobePage/OutfitKnownGlitchesBadge.js index d666145..afbc180 100644 --- a/src/app/WardrobePage/OutfitKnownGlitchesBadge.js +++ b/src/app/WardrobePage/OutfitKnownGlitchesBadge.js @@ -3,6 +3,7 @@ import { Box, VStack } from "@chakra-ui/react"; import { WarningTwoIcon } from "@chakra-ui/icons"; import { FaBug } from "react-icons/fa"; import { GlitchBadgeLayout, layerUsesHTML5 } from "../components/HTML5Badge"; +import { petAppearanceFragment } from "../components/useOutfitAppearance"; function OutfitKnownGlitchesBadge({ appearance }) { const glitchMessages = []; @@ -105,6 +106,18 @@ function OutfitKnownGlitchesBadge({ appearance }) { } } + // Check whether the pet appearance is marked as Glitched. + if (petAppearance?.isGlitched) { + glitchMessages.push( + + We know that the art for this pet is incorrect, but we still haven't + seen a correct model for this pose yet. Once someone models the + correct data, we'll use that instead. For now, you could also try + switching to another pose, by clicking the emoji face to the right! + + ); + } + // Check whether the pet has OFFICIAL_SVG_IS_INCORRECT. const petLayers = petAppearance?.layers || []; for (const layer of petLayers) { diff --git a/src/app/components/useOutfitAppearance.js b/src/app/components/useOutfitAppearance.js index 5650da7..f1e8d6b 100644 --- a/src/app/components/useOutfitAppearance.js +++ b/src/app/components/useOutfitAppearance.js @@ -211,7 +211,7 @@ export const appearanceLayerFragment = gql` canvasMovieLibraryUrl imageUrl(size: SIZE_600) bodyId - knownGlitches + knownGlitches # For HTML5 & Known Glitches UI zone { id depth @client @@ -268,6 +268,7 @@ export const petAppearanceFragment = gql` fragment PetAppearanceForOutfitPreview on PetAppearance { id bodyId + isGlitched # For Known Glitches UI layers { id ...AppearanceLayerForOutfitPreview