update navigation, rename timeline link in nav panel to timelines

This commit is contained in:
Shpuld Shpuldson 2020-07-07 18:20:37 +03:00
parent ddde05771f
commit cde6acdbbd
4 changed files with 11 additions and 23 deletions

View file

@ -11,6 +11,9 @@ const NavPanel = {
onTimelineRoute () {
return !!timelineNames()[this.$route.name]
},
timelinesRoute () {
return this.currentUser ? 'friends' : 'public-timeline'
},
...mapState({
currentUser: state => state.users.currentUser,
followRequestCount: state => state.api.followRequests.length,

View file

@ -2,19 +2,14 @@
<div class="nav-panel">
<div class="panel panel-default">
<ul>
<li v-if="currentUser">
<li v-if="currentUser || !privateMode">
<router-link
:to="{ name: 'friends' }"
:to="{ name: timelinesRoute }"
:class="onTimelineRoute && 'router-link-active'"
>
<i class="button-icon icon-home-2" /> {{ $t("nav.timelines") }}
</router-link>
</li>
<li v-else-if="!privateMode">
<router-link :to="{ name: 'public-timeline' }">
<i class="button-icon icon-users" /> {{ $t("nav.public_tl") }}
</router-link>
</li>
<li v-if="currentUser">
<router-link :to="{ name: 'interactions', params: { username: currentUser.screen_name } }">
<i class="button-icon icon-bell-alt" /> {{ $t("nav.interactions") }}

View file

@ -47,6 +47,9 @@ const SideDrawer = {
},
federating () {
return this.$store.state.instance.federating
},
timelinesRoute () {
return this.currentUser ? 'friends' : 'public-timeline'
}
},
methods: {

View file

@ -40,19 +40,11 @@
</router-link>
</li>
<li
v-if="currentUser"
v-if="currentUser || !privateMode"
@click="toggleDrawer"
>
<router-link :to="{ name: 'friends' }">
<i class="button-icon icon-home-2" /> {{ $t("nav.timeline") }}
</router-link>
</li>
<li
v-else
@click="toggleDrawer"
>
<router-link :to="{ name: 'public-timeline' }">
<i class="button-icon icon-users" /> {{ $t("nav.public_tl") }}
<router-link :to="{ name: timelinesRoute }">
<i class="button-icon icon-home-2" /> {{ $t("nav.timelines") }}
</router-link>
</li>
</ul>
@ -62,11 +54,6 @@
<i class="button-icon icon-bell-alt" /> {{ $t("nav.interactions") }}
</router-link>
</li>
<li @click="toggleDrawer">
<router-link :to="{ name: 'bookmarks'}">
<i class="button-icon icon-bookmark" /> {{ $t("nav.bookmarks") }}
</router-link>
</li>
<li
v-if="currentUser.locked"
@click="toggleDrawer"