Add state toggle for job_app for runners warningce-update-job-app-vue

This is part of https://gitlab.com/gitlab-org/gitlab-ee/merge_requests/14786

1 files changed, 10 insertions, 1 deletions

diff --git a/app/assets/javascripts/jobs/components/job_app.vue b/app/assets/javascripts/jobs/components/job_app.vue
index 8da87f424c4..0b826eb56ef 100644
--- a/app/assets/javascripts/jobs/components/job_app.vue
+++ b/app/assets/javascripts/jobs/components/job_app.vue
@@ -82,6 +82,11 @@ export default {
       required: true,
     },
   },
+  data() {
+    return {
+      shouldHideSharedRunnerWarning: false,
+    };
+  },
   computed: {
     ...mapState([
       'isLoading',
@@ -206,6 +211,9 @@ export default {
 
       this.throttled();
     },
+    hideSharedRunnerWarning() {
+      this.shouldHideSharedRunnerWarning = true;
+    },
   },
 };
 </script>
@@ -257,12 +265,13 @@ export default {
         />
 
         <shared-runner
-          v-if="shouldRenderSharedRunnerLimitWarning"
+          v-if="shouldRenderSharedRunnerLimitWarning && !shouldHideSharedRunnerWarning"
           class="js-shared-runner-limit"
           :quota-used="job.runners.quota.used"
           :quota-limit="job.runners.quota.limit"
           :runners-path="runnerHelpUrl"
           :project-path="projectPath"
+          @hideSharedRunnerMessage="hideSharedRunnerWarning"
         />
 
         <environments-block