Adds the functionality to convert a non-discussion into a discussion30299-convert-non-discussion-into-discussion

1 files changed, 24 insertions, 0 deletions

diff --git a/app/assets/javascripts/notes/components/note_actions.vue b/app/assets/javascripts/notes/components/note_actions.vue
index cdbbb342331..452f406e48d 100644
--- a/app/assets/javascripts/notes/components/note_actions.vue
+++ b/app/assets/javascripts/notes/components/note_actions.vue
@@ -44,6 +44,10 @@ export default {
       type: Boolean,
       required: true,
     },
+    canConvertToDiscussion: {
+      type: Boolean,
+      required: true,
+    },
     canAwardEmoji: {
       type: Boolean,
       required: true,
@@ -113,6 +117,9 @@ export default {
     this.resolvedDiscussionSvg = resolvedDiscussionSvg;
   },
   methods: {
+    onConvertToDiscussion() {
+      this.$emit('handleConvertToDiscussion');
+    },
     onEdit() {
       this.$emit('handleEdit');
     },
@@ -187,6 +194,23 @@ export default {
       </a>
     </div>
     <div
+      v-if="canConvertToDiscussion"
+      class="note-actions-item">
+      <button
+        v-tooltip
+        type="button"
+        title="Start a discussion"
+        class="note-action-button js-note-edit btn btn-transparent"
+        data-container="body"
+        data-placement="bottom"
+        @click="onConvertToDiscussion">
+        <span
+          class="link-highlight"
+          v-html="editSvg">
+        </span>
+      </button>
+    </div>
+    <div
       v-if="canEdit"
       class="note-actions-item">
       <button