From 2f8a4df27bfed11adb5d526f56ff26c4ae99e9fc Mon Sep 17 00:00:00 2001
From: Matt Dunn-Rankin <mattdunnrankin@khanacademy.org>
Date: Sat, 2 May 2020 22:40:34 -0700
Subject: [PATCH] fix PosePicker PetState debug output

---
 src/app/PosePicker.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/app/PosePicker.js b/src/app/PosePicker.js
index 542798e9..4d9eaabf 100644
--- a/src/app/PosePicker.js
+++ b/src/app/PosePicker.js
@@ -241,7 +241,12 @@ function PoseButton({ pose, onChange, inputRef }) {
         overflow="hidden"
         width="50px"
         height="50px"
-        title={window.location.hostname.includes("localhost") && `#${pose.id}`}
+        title={
+          // A lil debug output, so that we can quickly identify glitched
+          // PetStates and manually mark them as glitched!
+          window.location.hostname.includes("localhost") &&
+          `#${pose.petStateId}`
+        }
         position="relative"
         className={css`
           transform: scale(0.8);
@@ -295,13 +300,14 @@ function EmojiImage({ src, "aria-label": ariaLabel }) {
 }
 
 function usePoses(outfitState) {
-  const { speciesId, colorId, emotion, genderPresentation } = outfitState;
+  const { speciesId, colorId } = outfitState;
 
   const { loading, error, data } = useQuery(
     gql`
       query PosePicker($speciesId: ID!, $colorId: ID!) {
         petAppearances(speciesId: $speciesId, colorId: $colorId) {
           id
+          petStateId
           genderPresentation
           emotion
           approximateThumbnailUrl