diff --git a/src/renderer/components/TimelineSpace/Modals/NewToot.vue b/src/renderer/components/TimelineSpace/Modals/NewToot.vue
index 324c5447..7e9f7eb2 100644
--- a/src/renderer/components/TimelineSpace/Modals/NewToot.vue
+++ b/src/renderer/components/TimelineSpace/Modals/NewToot.vue
@@ -12,17 +12,18 @@
-
+
@@ -34,7 +35,8 @@ export default {
name: 'new-toot',
data () {
return {
- ctrlPressed: false
+ ctrlPressed: false,
+ attachedImageId: 0
}
},
computed: {
@@ -73,6 +75,7 @@ export default {
},
methods: {
close () {
+ this.resetImage()
this.$store.dispatch('TimelineSpace/Modals/NewToot/changeModal', false)
},
keydown (e) {
@@ -137,6 +140,7 @@ export default {
this.$refs.image.click()
},
updateImage (e) {
+ this.resetImage()
if (e.target.files.item(0) === null || e.target.files.item(0) === undefined) {
return
}
@@ -156,7 +160,10 @@ export default {
})
},
removeAttachment (media) {
- // TODO:
+ this.$store.commit('TimelineSpace/Modals/NewToot/removeMedia', media)
+ },
+ resetImage () {
+ ++this.attachedImageId
}
}
}
@@ -208,12 +215,14 @@ export default {
.preview-image {
width: 60px;
+ margin-right: 8px;
}
.remove-image {
position: absolute;
top: 0;
left: 0;
+ padding: 0;
cursor: pointer;
}
}
@@ -225,6 +234,7 @@ export default {
.upload-image {
text-align: left;
+ float: left;
.image-input {
display: none;
diff --git a/src/renderer/store/TimelineSpace/Modals/NewToot.js b/src/renderer/store/TimelineSpace/Modals/NewToot.js
index 68ba5577..25b69667 100644
--- a/src/renderer/store/TimelineSpace/Modals/NewToot.js
+++ b/src/renderer/store/TimelineSpace/Modals/NewToot.js
@@ -28,6 +28,9 @@ const NewToot = {
},
clearAttachedMedias (state) {
state.attachedMedias = []
+ },
+ removeMedia (state, media) {
+ state.attachedMedias = state.attachedMedias.filter(m => m.id !== media.id)
}
},
actions: {