diff --git a/src/app/HomePage.js b/src/app/HomePage.js index 0ad9cba..59c442d 100644 --- a/src/app/HomePage.js +++ b/src/app/HomePage.js @@ -104,7 +104,7 @@ function SubmitPetForm() { const [loadPet, { loading }] = useLazyQuery( gql` - query($petName: String!) { + query SubmitPetForm($petName: String!) { petOnNeopetsDotCom(petName: $petName) { color { id diff --git a/src/app/SearchPanel.js b/src/app/SearchPanel.js index 7d8711f..a21fe10 100644 --- a/src/app/SearchPanel.js +++ b/src/app/SearchPanel.js @@ -210,7 +210,12 @@ function useSearchResults(query, outfitState) { fetchMore: fetchMoreGQL, } = useQuery( gql` - query($query: String!, $speciesId: ID!, $colorId: ID!, $offset: Int!) { + query SearchPanel( + $query: String! + $speciesId: ID! + $colorId: ID! + $offset: Int! + ) { itemSearchToFit( query: $query speciesId: $speciesId diff --git a/src/app/SpeciesColorPicker.js b/src/app/SpeciesColorPicker.js index 0377b28..5b14cd9 100644 --- a/src/app/SpeciesColorPicker.js +++ b/src/app/SpeciesColorPicker.js @@ -19,7 +19,7 @@ function SpeciesColorPicker({ onChange, }) { const { loading: loadingMeta, error: errorMeta, data: meta } = useQuery(gql` - query { + query SpeciesColorPicker { allSpecies { id name diff --git a/src/app/useOutfitAppearance.js b/src/app/useOutfitAppearance.js index d18283f..93250cf 100644 --- a/src/app/useOutfitAppearance.js +++ b/src/app/useOutfitAppearance.js @@ -16,7 +16,7 @@ export default function useOutfitAppearance(outfitState) { const { loading, error, data } = useQuery( gql` - query( + query OutfitAppearance( $wornItemIds: [ID!]! $speciesId: ID! $colorId: ID! diff --git a/src/app/useOutfitState.js b/src/app/useOutfitState.js index d20c79b..c5df2b4 100644 --- a/src/app/useOutfitState.js +++ b/src/app/useOutfitState.js @@ -25,7 +25,7 @@ function useOutfitState() { const allItemIds = [...state.wornItemIds, ...state.closetedItemIds]; const { loading, error, data } = useQuery( gql` - query($allItemIds: [ID!]!, $speciesId: ID!, $colorId: ID!) { + query OutfitState($allItemIds: [ID!]!, $speciesId: ID!, $colorId: ID!) { items(ids: $allItemIds) { # TODO: De-dupe this from SearchPanel? id @@ -198,7 +198,11 @@ function findItemConflicts(itemIdToAdd, state, apolloClient) { const { items } = apolloClient.readQuery({ query: gql` - query($itemIds: [ID!]!, $speciesId: ID!, $colorId: ID!) { + query OutfitStateItemConflicts( + $itemIds: [ID!]! + $speciesId: ID! + $colorId: ID! + ) { items(ids: $itemIds) { id appearanceOn(speciesId: $speciesId, colorId: $colorId) {