diff --git a/src/app/WardrobePage/OutfitKnownGlitchesBadge.js b/src/app/WardrobePage/OutfitKnownGlitchesBadge.js index f02248c..8bbf88b 100644 --- a/src/app/WardrobePage/OutfitKnownGlitchesBadge.js +++ b/src/app/WardrobePage/OutfitKnownGlitchesBadge.js @@ -176,7 +176,8 @@ function OutfitKnownGlitchesBadge({ appearance }) { Invisible pets are affected by a number of glitches, including faces sometimes being visible on-site, and errors in the HTML5 conversion. If this pose looks incorrect, you can try another by clicking the emoji - face to the right. But be aware that Neopets.com might look different! + face next to the species/color picker. But be aware that Neopets.com + might look different! ); } @@ -208,13 +209,32 @@ function OutfitKnownGlitchesBadge({ appearance }) { 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! + switching to another pose, by clicking the emoji face next to the + species/color picker! ); } const petLayers = petAppearance?.layers || []; + // Look for pet layers with the OFFICIAL_SWF_IS_INCORRECT glitch. + for (const layer of petLayers) { + const layerHasGlitch = (layer.knownGlitches || []).includes( + "OFFICIAL_SWF_IS_INCORRECT" + ); + if (layerHasGlitch) { + glitchMessages.push( + + We're aware of a glitch affecting the art for this pet's{" "} + {layer.zone.label} zone. Last time we checked, this glitch + affected its appearance on Neopets.com, too. But our version might be + out of date! If you've seen it look better on-site, please email me at + matchu@openneo.net so we can fix it! + + ); + } + } + // Look for pet layers with the OFFICIAL_SVG_IS_INCORRECT glitch. for (const layer of petLayers) { const layerHasOfficialSvgIsIncorrect = (layer.knownGlitches || []).includes( diff --git a/src/app/components/HTML5Badge.js b/src/app/components/HTML5Badge.js index 1c5b214..2b9132d 100644 --- a/src/app/components/HTML5Badge.js +++ b/src/app/components/HTML5Badge.js @@ -135,12 +135,12 @@ export function GlitchBadgeLayout({ } export function layerUsesHTML5(layer) { - return ( + return Boolean( layer.svgUrl || - layer.canvasMovieLibraryUrl || - // If this glitch is applied, then `svgUrl` will be null, but there's still - // an HTML5 manifest that the official player can render. - (layer.knownGlitches || []).includes("OFFICIAL_SVG_IS_INCORRECT") + layer.canvasMovieLibraryUrl || + // If this glitch is applied, then `svgUrl` will be null, but there's still + // an HTML5 manifest that the official player can render. + (layer.knownGlitches || []).includes("OFFICIAL_SVG_IS_INCORRECT") ); }