Include profile link in post action messages
This commit is contained in:
parent
d8a0103115
commit
12d01bada0
3 changed files with 28 additions and 6 deletions
|
@ -2,7 +2,10 @@
|
|||
<template v-if="post.reblog">
|
||||
<div class="action">
|
||||
<img :src="require('@/assets/feather/repeat.svg')">
|
||||
<span>{{ post.account.display_name || post.account.username }} reposted</span>
|
||||
<router-link :to="{ name: 'profile', params: { profileId: post.account.id }}">
|
||||
{{ post.account.display_name || post.account.username }}
|
||||
</router-link>
|
||||
<span>reposted</span>
|
||||
</div>
|
||||
<post
|
||||
:post="post.reblog"
|
||||
|
|
|
@ -37,6 +37,10 @@
|
|||
vertical-align: middle;
|
||||
width: $icon-size;
|
||||
}
|
||||
|
||||
a {
|
||||
margin-right: 0.25em; /* single space */
|
||||
}
|
||||
}
|
||||
|
||||
@mixin post-icon {
|
||||
|
|
|
@ -9,23 +9,38 @@
|
|||
<div class="action">
|
||||
<template v-if="notification.type === 'follow'">
|
||||
<img :src="require('@/assets/feather/user-plus.svg')">
|
||||
<span>{{ getSenderName(notification) }} followed you</span>
|
||||
<router-link :to="{ name: 'profile', params: { profileId: notification.account.id }}">
|
||||
{{ getSenderName(notification) }}
|
||||
</router-link>
|
||||
<span>followed you</span>
|
||||
</template>
|
||||
<template v-else-if="notification.type === 'reply'">
|
||||
<img :src="require('@/assets/forkawesome/comment-o.svg')">
|
||||
<span>{{ getSenderName(notification) }} replied to your post</span>
|
||||
<router-link :to="{ name: 'profile', params: { profileId: notification.account.id }}">
|
||||
{{ getSenderName(notification) }}
|
||||
</router-link>
|
||||
<span>replied to your post</span>
|
||||
</template>
|
||||
<template v-else-if="notification.type === 'favourite'">
|
||||
<img :src="require('@/assets/forkawesome/thumbs-o-up.svg')">
|
||||
<span>{{ getSenderName(notification) }} liked your post</span>
|
||||
<router-link :to="{ name: 'profile', params: { profileId: notification.account.id }}">
|
||||
{{ getSenderName(notification) }}
|
||||
</router-link>
|
||||
<span>liked your post</span>
|
||||
</template>
|
||||
<template v-else-if="notification.type === 'mention'">
|
||||
<img :src="require('@/assets/forkawesome/comment-o.svg')">
|
||||
<span>{{ getSenderName(notification) }} mentioned you</span>
|
||||
<router-link :to="{ name: 'profile', params: { profileId: notification.account.id }}">
|
||||
{{ getSenderName(notification) }}
|
||||
</router-link>
|
||||
<span>mentioned you</span>
|
||||
</template>
|
||||
<template v-else-if="notification.type === 'reblog'">
|
||||
<img :src="require('@/assets/feather/repeat.svg')">
|
||||
<span>{{ getSenderName(notification) }} reposted your post</span>
|
||||
<router-link :to="{ name: 'profile', params: { profileId: notification.account.id }}">
|
||||
{{ getSenderName(notification) }}
|
||||
</router-link>
|
||||
<span>reposted your post</span>
|
||||
</template>
|
||||
</div>
|
||||
<post
|
||||
|
|
Loading…
Reference in a new issue