Include profile link in post action messages

This commit is contained in:
silverpill 2022-01-02 23:22:17 +00:00
parent d8a0103115
commit 12d01bada0
3 changed files with 28 additions and 6 deletions

View file

@ -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"

View file

@ -37,6 +37,10 @@
vertical-align: middle;
width: $icon-size;
}
a {
margin-right: 0.25em; /* single space */
}
}
@mixin post-icon {

View file

@ -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