diff options
| -rw-r--r-- | src/client/app/mobile/views/components/note-detail.vue | 13 | ||||
| -rw-r--r-- | src/client/app/mobile/views/components/note.vue | 13 |
2 files changed, 16 insertions, 10 deletions
diff --git a/src/client/app/mobile/views/components/note-detail.vue b/src/client/app/mobile/views/components/note-detail.vue index 02ef3845d3..8a0305cedd 100644 --- a/src/client/app/mobile/views/components/note-detail.vue +++ b/src/client/app/mobile/views/components/note-detail.vue @@ -76,10 +76,10 @@ <x-sub v-for="note in replies" :key="note.id" :note="note"/> </div> - <modal name="replyForm"> + <modal :name="replyFormId"> <mk-post-form @posted="replyFormClosed" @cancel="replyFormClosed" :reply="p"/> </modal> - <modal name="renoteForm"> + <modal :name="renoteFormId"> <mk-post-form @posted="renoteFormClosed" @cancel="renoteFormClosed" :renote="p"/> </modal> </div> @@ -87,6 +87,7 @@ <script lang="ts"> import Vue from 'vue'; +import * as uuid from 'uuid'; import parse from '../../../../../mfm/parse'; import MkNoteMenu from '../../../common/views/components/note-menu.vue'; @@ -112,7 +113,9 @@ export default Vue.extend({ return { conversation: [], conversationFetching: false, - replies: [] + replies: [], + replyFormId: uuid(), + renoteFormId: uuid() }; }, @@ -192,7 +195,7 @@ export default Vue.extend({ }, reply() { - this.$modal.push('replyForm'); + this.$modal.push(this.replyFormId); }, replyFormClosed() { @@ -200,7 +203,7 @@ export default Vue.extend({ }, renote() { - this.$modal.push('renoteForm'); + this.$modal.push(this.renoteFormId); }, renoteFormClosed() { diff --git a/src/client/app/mobile/views/components/note.vue b/src/client/app/mobile/views/components/note.vue index f658686b05..4bf4eb34e3 100644 --- a/src/client/app/mobile/views/components/note.vue +++ b/src/client/app/mobile/views/components/note.vue @@ -61,10 +61,10 @@ </div> </article> - <modal name="replyForm"> + <modal :name="replyFormId"> <mk-post-form @posted="replyFormClosed" @cancel="replyFormClosed" :reply="p"/> </modal> - <modal name="renoteForm"> + <modal :name="renoteFormId"> <mk-post-form @posted="renoteFormClosed" @cancel="renoteFormClosed" :renote="p"/> </modal> </div> @@ -72,6 +72,7 @@ <script lang="ts"> import Vue from 'vue'; +import * as uuid from 'uuid'; import parse from '../../../../../mfm/parse'; import MkNoteMenu from '../../../common/views/components/note-menu.vue'; @@ -89,7 +90,9 @@ export default Vue.extend({ return { showContent: false, connection: null, - connectionId: null + connectionId: null, + replyFormId: uuid(), + renoteFormId: uuid() }; }, @@ -202,7 +205,7 @@ export default Vue.extend({ }, reply() { - this.$modal.push('replyForm'); + this.$modal.push(this.replyFormId); }, replyFormClosed() { @@ -210,7 +213,7 @@ export default Vue.extend({ }, renote() { - this.$modal.push('renoteForm'); + this.$modal.push(this.renoteFormId); }, renoteFormClosed() { |