feat: Add "Enter to send" option on format mode (#1671)

app/javascript/dashboard/components/widgets/WootWriter/ReplyBottomPanel.vue

@@ -31,6 +31,17 @@
       </button>
     </div>
     <div class="right-wrap">
+      <div v-if="isFormatMode" class="enter-to-send--checkbox">
+        <input
+          :checked="enterToSendEnabled"
+          type="checkbox"
+          value="enterToSend"
+          @input="toggleEnterToSend"
+        />
+        <label for="enterToSend">
+          {{ $t('CONVERSATION.REPLYBOX.ENTER_TO_SEND') }}
+        </label>
+      </div>
       <button
         class="button nice primary button--send"
         :class="buttonClass"
@@ -95,6 +106,10 @@ export default {
       type: Boolean,
       default: false,
     },
+    enterToSendEnabled: {
+      type: Boolean,
+      default: true,
+    },
   },
   computed: {
     isNote() {
@@ -119,6 +134,9 @@ export default {
     toggleFormatMode() {
       this.setFormatMode(!this.isFormatMode);
     },
+    toggleEnterToSend() {
+      this.$emit('toggleEnterToSend', !this.enterToSendEnabled);
+    },
   },
 };
 </script>
@@ -173,8 +191,8 @@ export default {
 }
 
 .left-wrap {
-  display: flex;
   align-items: center;
+  display: flex;
 }
 
 .button--reply {
@@ -185,4 +203,21 @@ export default {
   color: var(--s-600);
   font-size: var(--font-size-default);
 }
+
+.right-wrap {
+  display: flex;
+
+  .enter-to-send--checkbox {
+    align-items: center;
+    display: flex;
+
+    input {
+      margin: 0;
+    }
+
+    label {
+      color: var(--s-500);
+    }
+  }
+}
 </style>