From e9eddec0c4b445fd6e05d4d064ff7a082ce06d21 Mon Sep 17 00:00:00 2001
From: Kirsty <kirsty-tortoise@users.noreply.github.com>
Date: Fri, 2 Nov 2018 16:16:11 +0000
Subject: [PATCH] check pet is hatchable before highlighting (#10797)

---
 website/client/components/inventory/items/index.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/website/client/components/inventory/items/index.vue b/website/client/components/inventory/items/index.vue
index 2bcaa1579d..8e30db56e1 100644
--- a/website/client/components/inventory/items/index.vue
+++ b/website/client/components/inventory/items/index.vue
@@ -373,9 +373,12 @@ export default {
       if (potion === null || egg === null)
         return false;
 
-      let petKey = `${egg.key}-${potion.key}`;
+      const petKey = `${egg.key}-${potion.key}`;
 
-      if (!this.content.petInfo[petKey])
+      const petInfo = this.content.petInfo[petKey];
+
+      // Check pet exists and is hatchable
+      if (!petInfo || !petInfo.potion)
         return false;
 
       return !this.userHasPet(potion.key, egg.key);