From f7faac1afce561c91a2f2b7635e28d230857ef04 Mon Sep 17 00:00:00 2001
From: Andrew Bastin <andrewbastin.k@gmail.com>
Date: Tue, 19 Nov 2019 12:06:47 -0500
Subject: [PATCH] Added deprecated label for deprecated GQL fields

---
 components/graphql/field.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/components/graphql/field.vue b/components/graphql/field.vue
index 971c9eddb..c8b9d01f9 100644
--- a/components/graphql/field.vue
+++ b/components/graphql/field.vue
@@ -4,6 +4,10 @@
     <div class="field-desc" v-if="gqlField.description">
       {{ gqlField.description }}
     </div>
+
+    <div class="field-deprecated" v-if="gqlField.isDeprecated">
+      DEPRECATED
+    </div>
   </div>
 </template>
 
@@ -21,6 +25,18 @@
   font-weight: bold;
 }
 
+.field-deprecated {
+  background-color: yellow;
+  color: black;
+  display: inline-block;
+  padding: 0.2em;
+  padding-left: 0.4em;
+  padding-right: 0.4em;
+  margin-top: 1em;
+  border-radius: 5px;
+  font-weight: bold;
+}
+
 .field-desc {
   opacity: 0.7;
   margin-top: 0.5em;