chore: Add help-text for slack integration (#2409)

app/javascript/dashboard/routes/dashboard/settings/integrations/IntegrationHelpText.vue

@@ -0,0 +1,12 @@
+<template>
+  <div class="row">
+    <div class="column">
+      <div class="integration--description">
+        <h5>{{ $t('INTEGRATION_SETTINGS.SLACK.HELP_TEXT.TITLE') }}</h5>
+        <p>
+          <span v-html="$t('INTEGRATION_SETTINGS.SLACK.HELP_TEXT.BODY')"></span>
+        </p>
+      </div>
+    </div>
+  </div>
+</template>

app/javascript/dashboard/routes/dashboard/settings/integrations/ShowIntegration.vue

@@ -13,6 +13,9 @@
               :integration-action="integrationAction()"
             />
           </div>
+          <div v-if="integration.enabled" class="small-12 columns integration">
+            <IntegrationHelpText />
+          </div>
         </div>
       </div>
     </div>
@@ -22,10 +25,12 @@
 import { mapGetters } from 'vuex';
 import globalConfigMixin from 'shared/mixins/globalConfigMixin';
 import Integration from './Integration';
+import IntegrationHelpText from './IntegrationHelpText';
 
 export default {
   components: {
     Integration,
+    IntegrationHelpText,
   },
   mixins: [globalConfigMixin],
   props: ['integrationId', 'code'],