From cf6ef33b9a3eaf41b98a4ec79cace93917176716 Mon Sep 17 00:00:00 2001
From: Ashton Prigge <34147754+aprigge@users.noreply.github.com>
Date: Mon, 27 Jun 2022 17:07:07 -0700
Subject: [PATCH] fix: add help topics to services listing page (#431)

---
 gql/queries/HelpTopicList.gql           | 10 +++++++++
 pages/help/services-resources/index.vue | 27 ++++++++++++++++++++++++-
 2 files changed, 36 insertions(+), 1 deletion(-)
 create mode 100644 gql/queries/HelpTopicList.gql

diff --git a/gql/queries/HelpTopicList.gql b/gql/queries/HelpTopicList.gql
new file mode 100644
index 000000000..9ef92c489
--- /dev/null
+++ b/gql/queries/HelpTopicList.gql
@@ -0,0 +1,10 @@
+query HelpTopicList {
+    entries(section: "helpTopic") {
+        ... on helpTopic_helpTopic_Entry {
+            id
+            to: slug
+            title
+            summary
+        }
+    }
+}
diff --git a/pages/help/services-resources/index.vue b/pages/help/services-resources/index.vue
index 665eff7e5..b51eed137 100644
--- a/pages/help/services-resources/index.vue
+++ b/pages/help/services-resources/index.vue
@@ -1,5 +1,6 @@
 <template lang="html">
     <div class="page page-help">
+        <h3>Services and Resources</h3>
         <nuxt-link
             v-for="item in parsedServiceAndResourceList"
             :key="item.to"
@@ -10,21 +11,37 @@
                 v-html="item.title"
             />
         </nuxt-link>
+        <br>
+        <h3>Help Topics</h3>
+        <nuxt-link
+            v-for="item in parsedHelpTopicList"
+            :key="item.to"
+            :to="item.to"
+        >
+            <div
+                class="text"
+                v-html="item.title"
+            />
+        </nuxt-link>
     </div>
 </template>
 
 <script>
 // gql
 import SERVICE_AND_RESOURCE_LIST from "~/gql/queries/ServiceAndResourceList"
+import HELP_TOPIC_LIST from "~/gql/queries/HelpTopicList"
 
 export default {
     async asyncData({ $graphql, params }) {
         const data = await $graphql.default.request(SERVICE_AND_RESOURCE_LIST, {
             uri: params.path,
         })
-
+        const helpTopicData = await $graphql.default.request(HELP_TOPIC_LIST, {
+            uri: params.path,
+        })
         return {
             page: data,
+            helpTopic: helpTopicData,
         }
     },
     computed: {
@@ -36,6 +53,14 @@ export default {
                 }
             })
         },
+        parsedHelpTopicList() {
+            return this.helpTopic.entries.map((obj) => {
+                return {
+                    ...obj,
+                    to: `/help/${obj.to}`,
+                }
+            })
+        },
     },
 }
 </script>