From 9247aec03a0d37549c080fb5460d591e1b58821e Mon Sep 17 00:00:00 2001
From: huchenlei <chenlei.hu@mail.utoronto.ca>
Date: Sat, 31 Aug 2024 09:46:20 -0400
Subject: [PATCH] nit

---
 .../content/ExecutionErrorDialogContent.vue   |  6 ++++
 .../dialog/content/error/FindIssueButton.vue  | 29 +------------------
 2 files changed, 7 insertions(+), 28 deletions(-)

diff --git a/src/components/dialog/content/ExecutionErrorDialogContent.vue b/src/components/dialog/content/ExecutionErrorDialogContent.vue
index 2791514ff..5d63bab7d 100644
--- a/src/components/dialog/content/ExecutionErrorDialogContent.vue
+++ b/src/components/dialog/content/ExecutionErrorDialogContent.vue
@@ -20,6 +20,11 @@
     </template>
 
     <div class="action-container">
+      <FindIssueButton
+        :errorMessage="props.error.exception_message"
+        :repoOwner="repoOwner"
+        :repoName="repoName"
+      />
       <Button
         v-if="reportOpen"
         :label="$t('copyToClipboard')"
@@ -38,6 +43,7 @@ import Button from 'primevue/button'
 import Divider from 'primevue/divider'
 import ScrollPanel from 'primevue/scrollpanel'
 import NoResultsPlaceholder from '@/components/common/NoResultsPlaceholder.vue'
+import FindIssueButton from '@/components/dialog/content/error/FindIssueButton.vue'
 import type { ExecutionErrorWsMessage, SystemStats } from '@/types/apiTypes'
 import { api } from '@/scripts/api'
 import { app } from '@/scripts/app'
diff --git a/src/components/dialog/content/error/FindIssueButton.vue b/src/components/dialog/content/error/FindIssueButton.vue
index f10465747..a7878a767 100644
--- a/src/components/dialog/content/error/FindIssueButton.vue
+++ b/src/components/dialog/content/error/FindIssueButton.vue
@@ -1,20 +1,16 @@
 <template>
   <Button
     @click="openGitHubIssues"
-    :label="buttonLabel"
+    :label="$t('findIssues')"
     severity="secondary"
     icon="pi pi-github"
-    :badge="issueCount.toString()"
   >
   </Button>
 </template>
 
 <script setup lang="ts">
 import { computed } from 'vue'
-import { useAsyncState } from '@vueuse/core'
-import axios from 'axios'
 import Button from 'primevue/button'
-import { useI18n } from 'vue-i18n'
 
 const props = defineProps<{
   errorMessage: string
@@ -22,30 +18,7 @@ const props = defineProps<{
   repoName: string
 }>()
 
-const GITHUB_API_URL = 'https://api.github.com/search/issues'
-
 const queryString = computed(() => props.errorMessage + ' is:issue')
-const getIssueCount = async () => {
-  const query = `${queryString.value} repo:${props.repoOwner}/${props.repoName}`
-  const response = await axios.get(GITHUB_API_URL, {
-    params: {
-      q: query,
-      per_page: 1
-    }
-  })
-  return response.data.total_count
-}
-
-const {
-  state: issueCount,
-  isLoading,
-  execute
-} = useAsyncState(getIssueCount, 0)
-
-const { t } = useI18n()
-const buttonLabel = computed(() => {
-  return isLoading.value ? 'Loading...' : t('findIssues')
-})
 
 const openGitHubIssues = () => {
   const query = encodeURIComponent(queryString.value)