diff --git a/src/app/WardrobePage/PosePicker.js b/src/app/WardrobePage/PosePicker.js index a46eb99..a98dcda 100644 --- a/src/app/WardrobePage/PosePicker.js +++ b/src/app/WardrobePage/PosePicker.js @@ -578,13 +578,7 @@ function usePoses(speciesId, colorId, selectedPose) { } } - fragment PetAppearanceForPosePicker on PetAppearance { - id - bodyId - pose - ...PetAppearanceForOutfitPreview - } - ${petAppearanceFragment} + ${petAppearanceForPosePickerFragment} `, { variables: { speciesId, colorId }, onError: (e) => console.error(e) } ); @@ -668,6 +662,16 @@ function getTransform(poseInfo) { return transformsByBodyId.default; } +export const petAppearanceForPosePickerFragment = gql` + fragment PetAppearanceForPosePicker on PetAppearance { + id + bodyId + pose + ...PetAppearanceForOutfitPreview + } + ${petAppearanceFragment} +`; + const transformsByBodyId = { "93": "translate(-5px, 10px) scale(2.8)", "106": "translate(-8px, 8px) scale(2.9)", diff --git a/src/app/WardrobePage/support/PosePickerSupport.js b/src/app/WardrobePage/support/PosePickerSupport.js index d98598d..e9d440d 100644 --- a/src/app/WardrobePage/support/PosePickerSupport.js +++ b/src/app/WardrobePage/support/PosePickerSupport.js @@ -23,6 +23,7 @@ import HangerSpinner from "../../components/HangerSpinner"; import Metadata, { MetadataLabel, MetadataValue } from "./Metadata"; import useSupport from "./useSupport"; import AppearanceLayerSupportModal from "./AppearanceLayerSupportModal"; +import { petAppearanceForPosePickerFragment } from "../PosePicker"; function PosePickerSupport({ speciesId, @@ -64,11 +65,16 @@ function PosePickerSupport({ id name } + + # Also, anything the PosePicker wants that isn't here, so that we + # don't have to refetch anything when we change the canonical poses. + ...PetAppearanceForPosePicker } ...CanonicalPetAppearances } ${canonicalPetAppearancesFragment} + ${petAppearanceForPosePickerFragment} `, { variables: { speciesId, colorId } } );