Move delete button for status into a component

This commit is contained in:
Jiayi Zheng 2016-12-07 21:50:46 +01:00
parent 7b5a30db14
commit 1c75feae60
4 changed files with 40 additions and 21 deletions

View file

@ -52,11 +52,7 @@
</div>
<retweet-button :status=status></retweet-button>
<favorite-button :status=status></favorite-button>
<div v-if="canDelete">
<a href="#" v-on:click.prevent="deleteStatus">
<i class='fa icon-cancel delete-status'></i>
</a>
</div>
<delete-button :status=status></delete-button>
</div>
<post-status-form v-if="replying" :reply-to="status.id" :attentions="status.attentions" :repliedUser="status.user" v-on:posted="toggleReplying"></post-status-form>
@ -130,11 +126,4 @@
.status-el:last-child .status {
border: none
}
.icon-cancel,.delete-status {
cursor: pointer;
&:hover {
color: $red;
}
}
</style>