Fix 'Send test' not reflecting campaign body on first page load

knadh · Oct 17, 2020 · 50e488f · 50e488f
1 parent 13aac1a
commit 50e488f
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/frontend/src/components/Editor.vue b/frontend/src/components/Editor.vue
@@ -118,6 +118,7 @@ export default {
       isPreviewing: false,
       isMediaVisible: false,
       isEditorFullscreen: false,
+      isReady: false,
       form: {
         body: '',
         format: this.contentType,
@@ -195,13 +196,19 @@ export default {
     },
 
     onEditorReady() {
+      this.isReady = true;
+
       // Hack to focus the editor on page load.
       this.$nextTick(() => {
         window.setTimeout(() => this.$refs.quill.quill.focus(), 100);
       });
     },
 
     onEditorChange() {
+      if (!this.isReady) {
+        return;
+      }
+
       // The parent's v-model gets { contentType, body }.
       this.$emit('input', { contentType: this.form.format, body: this.form.body });
     },

diff --git a/frontend/src/views/Campaign.vue b/frontend/src/views/Campaign.vue
@@ -198,7 +198,13 @@ export default Vue.extend({
     getCampaign(id) {
       return this.$api.getCampaign(id).then((data) => {
         this.data = data;
-        this.form = { ...this.form, ...data };
+        this.form = {
+          ...this.form,
+          ...data,
+
+          // The structure that is populated by editor input event.
+          content: { contentType: data.contentType, body: data.body },
+        };
 
         if (data.sendAt !== null) {
           this.form.sendLater = true;