Merge branch 'chat-refactor' into shigusegubu-themes3

src/components/draft/draft.js

@@ -42,7 +42,9 @@ const Draft = {
       if (this.draft.type === 'edit') {
         return { statusId: this.draft.refId }
       } else if (this.draft.type === 'reply') {
-        return { replyTo: this.draft.refId }
+        return {
+          repliedStatus: this.refStatus
+        }
       } else {
         return {}
       }

src/components/post_status_form/post_status_form.js

@@ -983,8 +983,15 @@ const PostStatusForm = {
     saveDraft() {
       if (!this.disableDraft && !this.saveInhibited) {
         if (this.safeToSaveDraft) {
-          return this.$store
+          return this
-            .dispatch('addOrSaveDraft', { draft: this.newStatus })
+            .$store
+            .dispatch('addOrSaveDraft', {
+              draft: {
+                type: this.statusType,
+                refId: this.refId,
+                ...this.newStatus
+              }
+            })
             .then((id) => {
               if (this.newStatus.id !== id) {
                 this.newStatus.id = id
@@ -1016,7 +1023,7 @@ const PostStatusForm = {
       }
     },
     abandonDraft() {
-      return this.$store.dispatch('abandonDraft', { id: this.newStatus.id })
+      return this.$store.dispatch('abandonDraft', { id: this.draftId })
     },
     getDraft() {
       const maybeDraft = this.$store.state.drafts.drafts[this.draftId]

src/components/post_status_form/post_status_form.scss

@@ -272,8 +272,7 @@
 
   .drop-indicator {
     position: absolute;
-    width: 100%;
+    inset: 0;
-    height: 100%;
     font-size: 5em;
     display: flex;
     align-items: center;