aboutsummaryrefslogtreecommitdiff
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/boot/after_store.js44
-rw-r--r--src/boot/routes.js66
-rw-r--r--src/components/chat_panel/chat_panel.js5
-rw-r--r--src/components/chat_panel/chat_panel.vue9
-rw-r--r--src/components/login_form/login_form.js2
-rw-r--r--src/components/nav_panel/nav_panel.vue8
-rw-r--r--src/components/notification/notification.js4
-rw-r--r--src/components/notification/notification.vue4
-rw-r--r--src/components/oauth_callback/oauth_callback.js2
-rw-r--r--src/components/post_status_form/post_status_form.vue2
-rw-r--r--src/components/registration/registration.js4
-rw-r--r--src/components/status/status.js4
-rw-r--r--src/components/status/status.vue14
-rw-r--r--src/components/user_card/user_card.js6
-rw-r--r--src/components/user_card/user_card.vue3
-rw-r--r--src/components/user_card_content/user_card_content.js4
-rw-r--r--src/components/user_card_content/user_card_content.vue6
-rw-r--r--src/components/user_profile/user_profile.js35
-rw-r--r--src/components/user_settings/user_settings.js2
-rw-r--r--src/components/who_to_follow_panel/who_to_follow_panel.js4
-rw-r--r--src/components/who_to_follow_panel/who_to_follow_panel.vue6
-rw-r--r--src/modules/instance.js4
-rw-r--r--src/services/user_profile_link_generator/user_profile_link_generator.js10
23 files changed, 173 insertions, 75 deletions
diff --git a/src/boot/after_store.js b/src/boot/after_store.js
index 24a8d3ac..8cd13df7 100644
--- a/src/boot/after_store.js
+++ b/src/boot/after_store.js
@@ -1,21 +1,8 @@
import Vue from 'vue'
import VueRouter from 'vue-router'
+import routes from './routes'
import App from '../App.vue'
-import PublicTimeline from '../components/public_timeline/public_timeline.vue'
-import PublicAndExternalTimeline from '../components/public_and_external_timeline/public_and_external_timeline.vue'
-import FriendsTimeline from '../components/friends_timeline/friends_timeline.vue'
-import TagTimeline from '../components/tag_timeline/tag_timeline.vue'
-import ConversationPage from '../components/conversation-page/conversation-page.vue'
-import Mentions from '../components/mentions/mentions.vue'
-import DMs from '../components/dm_timeline/dm_timeline.vue'
-import UserProfile from '../components/user_profile/user_profile.vue'
-import Settings from '../components/settings/settings.vue'
-import Registration from '../components/registration/registration.vue'
-import UserSettings from '../components/user_settings/user_settings.vue'
-import FollowRequests from '../components/follow_requests/follow_requests.vue'
-import OAuthCallback from '../components/oauth_callback/oauth_callback.vue'
-import UserSearch from '../components/user_search/user_search.vue'
const afterStoreSetup = ({ store, i18n }) => {
window.fetch('/api/statusnet/config.json')
@@ -102,35 +89,10 @@ const afterStoreSetup = ({ store, i18n }) => {
store.dispatch('disableChat')
}
- const routes = [
- { name: 'root',
- path: '/',
- redirect: to => {
- return (store.state.users.currentUser
- ? store.state.instance.redirectRootLogin
- : store.state.instance.redirectRootNoLogin) || '/main/all'
- }},
- { path: '/main/all', component: PublicAndExternalTimeline },
- { path: '/main/public', component: PublicTimeline },
- { path: '/main/friends', component: FriendsTimeline },
- { path: '/tag/:tag', component: TagTimeline },
- { name: 'conversation', path: '/notice/:id', component: ConversationPage, meta: { dontScroll: true } },
- { name: 'user-profile', path: '/users/:id', component: UserProfile },
- { name: 'mentions', path: '/:username/mentions', component: Mentions },
- { name: 'dms', path: '/:username/dms', component: DMs },
- { name: 'settings', path: '/settings', component: Settings },
- { name: 'registration', path: '/registration', component: Registration },
- { name: 'registration', path: '/registration/:token', component: Registration },
- { name: 'friend-requests', path: '/friend-requests', component: FollowRequests },
- { name: 'user-settings', path: '/user-settings', component: UserSettings },
- { name: 'oauth-callback', path: '/oauth-callback', component: OAuthCallback, props: (route) => ({ code: route.query.code }) },
- { name: 'user-search', path: '/user-search', component: UserSearch, props: (route) => ({ query: route.query.query }) }
- ]
-
const router = new VueRouter({
mode: 'history',
- routes,
- scrollBehavior: (to, from, savedPosition) => {
+ routes: routes(store),
+ scrollBehavior: (to, _from, savedPosition) => {
if (to.matched.some(m => m.meta.dontScroll)) {
return false
}
diff --git a/src/boot/routes.js b/src/boot/routes.js
new file mode 100644
index 00000000..839dda73
--- /dev/null
+++ b/src/boot/routes.js
@@ -0,0 +1,66 @@
+import PublicTimeline from 'components/public_timeline/public_timeline.vue'
+import PublicAndExternalTimeline from 'components/public_and_external_timeline/public_and_external_timeline.vue'
+import FriendsTimeline from 'components/friends_timeline/friends_timeline.vue'
+import TagTimeline from 'components/tag_timeline/tag_timeline.vue'
+import ConversationPage from 'components/conversation-page/conversation-page.vue'
+import Mentions from 'components/mentions/mentions.vue'
+import DMs from 'components/dm_timeline/dm_timeline.vue'
+import UserProfile from 'components/user_profile/user_profile.vue'
+import Settings from 'components/settings/settings.vue'
+import Registration from 'components/registration/registration.vue'
+import UserSettings from 'components/user_settings/user_settings.vue'
+import FollowRequests from 'components/follow_requests/follow_requests.vue'
+import OAuthCallback from 'components/oauth_callback/oauth_callback.vue'
+import UserSearch from 'components/user_search/user_search.vue'
+
+export default (store) => {
+ return [
+ { name: 'root',
+ path: '/',
+ redirect: _to => {
+ return (store.state.users.currentUser
+ ? store.state.instance.redirectRootLogin
+ : store.state.instance.redirectRootNoLogin) || '/~/main/all'
+ }
+ },
+ { name: 'public-external-timeline', path: '/~/main/all', component: PublicAndExternalTimeline },
+ { name: 'public-timeline', path: '/~/main/public', component: PublicTimeline },
+ { name: 'friends', path: '/~/main/friends', component: FriendsTimeline },
+ // Beginning of temporary redirects
+ { path: '/main/:route',
+ redirect: to => {
+ const { params } = to
+
+ return { path: `/~/main/${params.route}` }
+ }
+ },
+ { path: '/tag/:tag',
+ redirect: to => {
+ const { params } = to
+
+ return { path: `/~/tag/${params.tag}` }
+ }
+ },
+ { path: '/notice/:id',
+ redirect: to => {
+ const { params } = to
+
+ return { path: `/~/notice/${params.id}` }
+ }
+ },
+ // End of temporary redirects
+ { name: 'tag-timeline', path: '/~/tag/:tag', component: TagTimeline },
+ { name: 'conversation', path: '/~/notice/:id', component: ConversationPage, meta: { dontScroll: true } },
+ { name: 'user-profile', path: '/:name', component: UserProfile },
+ { name: 'external-user-profile', path: '/~/users/:id', component: UserProfile },
+ { name: 'mentions', path: '/:username/mentions', component: Mentions },
+ { name: 'dms', path: '/:username/dms', component: DMs },
+ { name: 'settings', path: '/~/settings', component: Settings },
+ { name: 'registration', path: '/~/registration', component: Registration },
+ { name: 'registration', path: '/~/registration/:token', component: Registration },
+ { name: 'friend-requests', path: '/~/friend-requests', component: FollowRequests },
+ { name: 'user-settings', path: '/~/user-settings', component: UserSettings },
+ { name: 'oauth-callback', path: '/~/oauth-callback', component: OAuthCallback, props: (route) => ({ code: route.query.code }) },
+ { name: 'user-search', path: '/~/user-search', component: UserSearch, props: (route) => ({ query: route.query.query }) }
+ ]
+}
diff --git a/src/components/chat_panel/chat_panel.js b/src/components/chat_panel/chat_panel.js
index d8736d17..e649e907 100644
--- a/src/components/chat_panel/chat_panel.js
+++ b/src/components/chat_panel/chat_panel.js
@@ -1,3 +1,5 @@
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
+
const chatPanel = {
data () {
return {
@@ -9,6 +11,9 @@ const chatPanel = {
computed: {
messages () {
return this.$store.state.chat.messages
+ },
+ userProfileLink (user) {
+ return generateProfileLink(user.id, user.screen_name)
}
},
methods: {
diff --git a/src/components/chat_panel/chat_panel.vue b/src/components/chat_panel/chat_panel.vue
index f174319a..1b9c63ff 100644
--- a/src/components/chat_panel/chat_panel.vue
+++ b/src/components/chat_panel/chat_panel.vue
@@ -13,8 +13,10 @@
<img :src="message.author.avatar" />
</span>
<div class="chat-content">
- <router-link class="chat-name" :to="{ name: 'user-profile', params: { id: message.author.id } }">
- {{message.author.username}}
+ <router-link
+ class="chat-name"
+ :to="userProfileLink(message.author)">
+ {{message.author.username}}
</router-link>
<br>
<span class="chat-text">
@@ -67,9 +69,6 @@
overflow-x: hidden;
}
-.chat-name {
-}
-
.chat-message {
display: flex;
padding: 0.2em 0.5em
diff --git a/src/components/login_form/login_form.js b/src/components/login_form/login_form.js
index 49868aed..81426b44 100644
--- a/src/components/login_form/login_form.js
+++ b/src/components/login_form/login_form.js
@@ -32,7 +32,7 @@ const LoginForm = {
.then((result) => {
this.$store.commit('setToken', result.access_token)
this.$store.dispatch('loginUser', result.access_token)
- this.$router.push('/main/friends')
+ this.$router.push('/~/main/friends')
})
})
}
diff --git a/src/components/nav_panel/nav_panel.vue b/src/components/nav_panel/nav_panel.vue
index b224c5f3..c52d1e52 100644
--- a/src/components/nav_panel/nav_panel.vue
+++ b/src/components/nav_panel/nav_panel.vue
@@ -3,7 +3,7 @@
<div class="panel panel-default">
<ul>
<li v-if='currentUser'>
- <router-link @click.native="activatePanel('timeline')" to='/main/friends'>
+ <router-link @click.native="activatePanel('timeline')" :to="{ name: 'friends' }">
{{ $t("nav.timeline") }}
</router-link>
</li>
@@ -18,17 +18,17 @@
</router-link>
</li>
<li v-if='currentUser && currentUser.locked'>
- <router-link @click.native="activatePanel('timeline')" to='/friend-requests'>
+ <router-link @click.native="activatePanel('timeline')" :to="{ name: 'friend-requests' }">
{{ $t("nav.friend_requests") }}
</router-link>
</li>
<li>
- <router-link @click.native="activatePanel('timeline')" to='/main/public'>
+ <router-link @click.native="activatePanel('timeline')" :to="{ name: 'public-timeline' }">
{{ $t("nav.public_tl") }}
</router-link>
</li>
<li>
- <router-link @click.native="activatePanel('timeline')" to='/main/all'>
+ <router-link @click.native="activatePanel('timeline')" :to="{ name: 'public-external-timeline' }">
{{ $t("nav.twkn") }}
</router-link>
</li>
diff --git a/src/components/notification/notification.js b/src/components/notification/notification.js
index 345fe3ee..15294e11 100644
--- a/src/components/notification/notification.js
+++ b/src/components/notification/notification.js
@@ -2,6 +2,7 @@ import Status from '../status/status.vue'
import StillImage from '../still-image/still-image.vue'
import UserCardContent from '../user_card_content/user_card_content.vue'
import { highlightClass, highlightStyle } from '../../services/user_highlighter/user_highlighter.js'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
const Notification = {
data () {
@@ -30,6 +31,9 @@ const Notification = {
const highlight = this.$store.state.config.highlight
const user = this.notification.action.user
return highlightStyle(highlight[user.screen_name])
+ },
+ userProfileLink (user) {
+ return generateProfileLink(user.id, user.screen_name)
}
}
}
diff --git a/src/components/notification/notification.vue b/src/components/notification/notification.vue
index e84ce0b6..1c89cbb7 100644
--- a/src/components/notification/notification.vue
+++ b/src/components/notification/notification.vue
@@ -28,7 +28,9 @@
<small class="timeago"><router-link @click.native="activatePanel('timeline')" v-if="notification.status" :to="{ name: 'conversation', params: { id: notification.status.id } }"><timeago :since="notification.action.created_at" :auto-update="240"></timeago></router-link></small>
</span>
<div class="follow-text" v-if="notification.type === 'follow'">
- <router-link @click.native="activatePanel('timeline')" :to="{ name: 'user-profile', params: { id: notification.action.user.id } }">@{{notification.action.user.screen_name}}</router-link>
+ <router-link @click.native="activatePanel('timeline')" :to="userProfileLink(notification.action.user)">
+ @{{notification.action.user.screen_name}}
+ </router-link>
</div>
<template v-else>
<status :activatePanel="activatePanel" v-if="notification.status" class="faint" :compact="true" :statusoid="notification.status" :noHeading="true"></status>
diff --git a/src/components/oauth_callback/oauth_callback.js b/src/components/oauth_callback/oauth_callback.js
index 7a5132ad..18e24159 100644
--- a/src/components/oauth_callback/oauth_callback.js
+++ b/src/components/oauth_callback/oauth_callback.js
@@ -11,7 +11,7 @@ const oac = {
}).then((result) => {
this.$store.commit('setToken', result.access_token)
this.$store.dispatch('loginUser', result.access_token)
- this.$router.push('/main/friends')
+ this.$router.push('/~/main/friends')
})
}
}
diff --git a/src/components/post_status_form/post_status_form.vue b/src/components/post_status_form/post_status_form.vue
index 4776c819..b448faec 100644
--- a/src/components/post_status_form/post_status_form.vue
+++ b/src/components/post_status_form/post_status_form.vue
@@ -7,7 +7,7 @@
path="post_status.account_not_locked_warning"
tag="p"
class="visibility-notice">
- <router-link to="/user-settings">{{ $t('post_status.account_not_locked_warning_link') }}</router-link>
+ <router-link :to="{ name: 'user-settings' }">{{ $t('post_status.account_not_locked_warning_link') }}</router-link>
</i18n>
<p v-if="this.newStatus.visibility == 'direct'" class="visibility-notice">{{ $t('post_status.direct_warning') }}</p>
<input
diff --git a/src/components/registration/registration.js b/src/components/registration/registration.js
index e5ead8bc..0618ac6c 100644
--- a/src/components/registration/registration.js
+++ b/src/components/registration/registration.js
@@ -27,7 +27,7 @@ const registration = {
},
created () {
if ((!this.registrationOpen && !this.token) || this.signedIn) {
- this.$router.push('/main/all')
+ this.$router.push('/~/main/all')
}
},
computed: {
@@ -51,7 +51,7 @@ const registration = {
if (!this.$v.$invalid) {
try {
await this.signUp(this.user)
- this.$router.push('/main/friends')
+ this.$router.push('/~/main/friends')
} catch (error) {
console.warn('Registration failed: ' + error)
}
diff --git a/src/components/status/status.js b/src/components/status/status.js
index 9a63d047..47a62fdf 100644
--- a/src/components/status/status.js
+++ b/src/components/status/status.js
@@ -7,6 +7,7 @@ import UserCardContent from '../user_card_content/user_card_content.vue'
import StillImage from '../still-image/still-image.vue'
import { filter, find } from 'lodash'
import { highlightClass, highlightStyle } from '../../services/user_highlighter/user_highlighter.js'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
const Status = {
name: 'Status',
@@ -286,6 +287,9 @@ const Status = {
},
replyLeave () {
this.showPreview = false
+ },
+ userProfileLink (id, name) {
+ return generateProfileLink(id, name)
}
},
watch: {
diff --git a/src/components/status/status.vue b/src/components/status/status.vue
index 067980ac..3283de45 100644
--- a/src/components/status/status.vue
+++ b/src/components/status/status.vue
@@ -2,7 +2,11 @@
<div class="status-el" v-if="!hideReply && !deleted" :class="[{ 'status-el_focused': isFocused }, { 'status-conversation': inlineExpanded }]">
<template v-if="muted && !noReplyLinks">
<div class="media status container muted">
- <small><router-link @click.native="activatePanel('timeline')" :to="{ name: 'user-profile', params: { id: status.user.id } }">{{status.user.screen_name}}</router-link></small>
+ <small>
+ <router-link @click.native="activatePanel('timeline')" :to="userProfileLink(status.user.id, status.user.screen_name)">
+ {{status.user.screen_name}}
+ </router-link>
+ </small>
<small class="muteWords">{{muteWordHits.join(', ')}}</small>
<a href="#" class="unmute" @click.prevent="toggleMute"><i class="icon-eye-off"></i></a>
</div>
@@ -34,10 +38,12 @@
<h4 class="user-name" v-if="status.user.name_html" v-html="status.user.name_html"></h4>
<h4 class="user-name" v-else>{{status.user.name}}</h4>
<span class="links">
- <router-link @click.native="activatePanel('timeline')" :to="{ name: 'user-profile', params: { id: status.user.id } }">{{status.user.screen_name}}</router-link>
+ <router-link @click.native="activatePanel('timeline')" :to="userProfileLink(status.user.id, status.user.screen_name)">
+ {{status.user.screen_name}}
+ </router-link>
<span v-if="status.in_reply_to_screen_name" class="faint reply-info">
<i class="icon-right-open"></i>
- <router-link @click.native="activatePanel('timeline')" :to="{ name: 'user-profile', params: { id: status.in_reply_to_user_id } }">
+ <router-link @click.native="activatePanel('timeline')" :to="userProfileLink(status.in_reply_to_user_id, status.in_reply_to_screen_name)">
{{status.in_reply_to_screen_name}}
</router-link>
</span>
@@ -474,7 +480,7 @@
}
}
-.avatar {
+.avatar.still-image {
width: 48px;
height: 48px;
box-shadow: var(--avatarStatusShadow);
diff --git a/src/components/user_card/user_card.js b/src/components/user_card/user_card.js
index b8eb28e3..31e116a2 100644
--- a/src/components/user_card/user_card.js
+++ b/src/components/user_card/user_card.js
@@ -1,4 +1,5 @@
import UserCardContent from '../user_card_content/user_card_content.vue'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
const UserCard = {
props: [
@@ -29,6 +30,11 @@ const UserCard = {
this.$store.state.api.backendInteractor.denyUser(this.user.id)
this.$store.dispatch('removeFollowRequest', this.user)
}
+ },
+ computed: {
+ userProfileLink (user) {
+ return generateProfileLink(user.id, user.screen_name)
+ }
}
}
diff --git a/src/components/user_card/user_card.vue b/src/components/user_card/user_card.vue
index eb0d7576..0f163e36 100644
--- a/src/components/user_card/user_card.vue
+++ b/src/components/user_card/user_card.vue
@@ -19,7 +19,8 @@
{{ currentUser.id == user.id ? $t('user_card.its_you') : $t('user_card.follows_you') }}
</span>
</div>
- <router-link class='user-screen-name' :to="{ name: 'user-profile', params: { id: user.id } }">
+
+ <router-link class='user-screen-name' :to="userProfileLink(user)">
@{{user.screen_name}}
</router-link>
</div>
diff --git a/src/components/user_card_content/user_card_content.js b/src/components/user_card_content/user_card_content.js
index 206dba88..75185053 100644
--- a/src/components/user_card_content/user_card_content.js
+++ b/src/components/user_card_content/user_card_content.js
@@ -1,5 +1,6 @@
import StillImage from '../still-image/still-image.vue'
import { hex2rgb } from '../../services/color_convert/color_convert.js'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
export default {
props: [ 'user', 'switcher', 'selected', 'hideBio', 'activatePanel' ],
@@ -177,6 +178,9 @@ export default {
if (target.tagName === 'A') {
window.open(target.href, '_blank')
}
+ },
+ userProfileLink (user) {
+ return generateProfileLink(user.id, user.screen_name)
}
}
}
diff --git a/src/components/user_card_content/user_card_content.vue b/src/components/user_card_content/user_card_content.vue
index a40aff35..136bcd6a 100644
--- a/src/components/user_card_content/user_card_content.vue
+++ b/src/components/user_card_content/user_card_content.vue
@@ -2,20 +2,20 @@
<div id="heading" class="profile-panel-background" :style="headingStyle">
<div class="panel-heading text-center">
<div class='user-info'>
- <router-link @click.native="activatePanel && activatePanel('timeline')" to='/user-settings' style="float: right; margin-top:16px;" v-if="!isOtherUser">
+ <router-link @click.native="activatePanel && activatePanel('timeline')" :to="{ name: 'user-settings' }" style="float: right; margin-top:16px;" v-if="!isOtherUser">
<i class="icon-cog usersettings" :title="$t('tool_tip.user_settings')"></i>
</router-link>
<a :href="user.statusnet_profile_url" target="_blank" class="floater" v-if="isOtherUser">
<i class="icon-link-ext usersettings"></i>
</a>
<div class='container'>
- <router-link @click.native="activatePanel && activatePanel('timeline')" :to="{ name: 'user-profile', params: { id: user.id } }">
+ <router-link @click.native="activatePanel && activatePanel('timeline')" :to="userProfileLink(user)">
<StillImage class="avatar" :class='{ "better-shadow": betterShadow }' :src="user.profile_image_url_original"/>
</router-link>
<div class="name-and-screen-name">
<div :title="user.name" class='user-name' v-if="user.name_html" v-html="user.name_html"></div>
<div :title="user.name" class='user-name' v-else>{{user.name}}</div>
- <router-link @click.native="activatePanel && activatePanel('timeline')" class='user-screen-name':to="{ name: 'user-profile', params: { id: user.id } }">
+ <router-link @click.native="activatePanel && activatePanel('timeline')" class='user-screen-name' :to="userProfileLink(user)">
<span>@{{user.screen_name}}</span><span v-if="user.locked"><i class="icon icon-lock"></i></span>
<span v-if="!hideUserStatsLocal" class="dailyAvg">{{dailyAvg}} {{ $t('user_card.per_day') }}</span>
</router-link>
diff --git a/src/components/user_profile/user_profile.js b/src/components/user_profile/user_profile.js
index 1d79713d..95d797a2 100644
--- a/src/components/user_profile/user_profile.js
+++ b/src/components/user_profile/user_profile.js
@@ -3,30 +3,55 @@ import Timeline from '../timeline/timeline.vue'
const UserProfile = {
created () {
+ debugger
this.$store.commit('clearTimeline', { timeline: 'user' })
- this.$store.dispatch('startFetching', ['user', this.userId])
- if (!this.$store.state.users.usersObject[this.userId]) {
- this.$store.dispatch('fetchUser', this.userId)
+ this.$store.dispatch('startFetching', ['user', this.fetchBy])
+ if (!this.user) {
+ this.$store.dispatch('fetchUser', this.fetchBy)
}
},
destroyed () {
this.$store.dispatch('stopFetching', 'user')
},
computed: {
- timeline () { return this.$store.state.statuses.timelines.user },
+ timeline () {
+ return this.$store.state.statuses.timelines.user
+ },
userId () {
return this.$route.params.id
},
+ userName () {
+ return this.$route.params.name
+ },
user () {
if (this.timeline.statuses[0]) {
return this.timeline.statuses[0].user
} else {
- return this.$store.state.users.usersObject[this.userId] || false
+ return Object.values(this.$store.state.users.usersObject).filter(user => {
+ return (this.isExternal ? user.id === this.userId : user.screen_name === this.userName)
+ })[0] || false
}
+ },
+ fetchBy () {
+ return this.isExternal ? this.userId : this.userName
+ },
+ isExternal () {
+ return this.$route.name === 'external-user-profile'
}
},
watch: {
+ userName () {
+ if (this.isExternal) {
+ return
+ }
+ this.$store.dispatch('stopFetching', 'user')
+ this.$store.commit('clearTimeline', { timeline: 'user' })
+ this.$store.dispatch('startFetching', ['user', this.userName])
+ },
userId () {
+ if (!this.isExternal) {
+ return
+ }
this.$store.dispatch('stopFetching', 'user')
this.$store.commit('clearTimeline', { timeline: 'user' })
this.$store.dispatch('startFetching', ['user', this.userId])
diff --git a/src/components/user_settings/user_settings.js b/src/components/user_settings/user_settings.js
index ee989f71..d5fac17d 100644
--- a/src/components/user_settings/user_settings.js
+++ b/src/components/user_settings/user_settings.js
@@ -257,7 +257,7 @@ const UserSettings = {
.then((res) => {
if (res.status === 'success') {
this.$store.dispatch('logout')
- this.$router.push('/main/all')
+ this.$router.push('/~/main/all')
} else {
this.deleteAccountError = res.error
}
diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.js b/src/components/who_to_follow_panel/who_to_follow_panel.js
index 49b8f5b6..4507d9e5 100644
--- a/src/components/who_to_follow_panel/who_to_follow_panel.js
+++ b/src/components/who_to_follow_panel/who_to_follow_panel.js
@@ -1,4 +1,5 @@
import apiService from '../../services/api/api.service.js'
+import generateProfileLink from 'src/services/user_profile_link_generator/user_profile_link_generator'
function showWhoToFollow (panel, reply) {
var users = reply
@@ -91,6 +92,9 @@ const WhoToFollowPanel = {
},
suggestionsEnabled () {
return this.$store.state.instance.suggestionsEnabled
+ },
+ userProfileLink (id, name) {
+ return generateProfileLink(id, name)
}
},
watch: {
diff --git a/src/components/who_to_follow_panel/who_to_follow_panel.vue b/src/components/who_to_follow_panel/who_to_follow_panel.vue
index d031318d..a62e8360 100644
--- a/src/components/who_to_follow_panel/who_to_follow_panel.vue
+++ b/src/components/who_to_follow_panel/who_to_follow_panel.vue
@@ -8,9 +8,9 @@
</div>
<div class="panel-body who-to-follow">
<p>
- <img v-bind:src="img1"/> <router-link :to="{ name: 'user-profile', params: { id: id1 } }">{{ name1 }}</router-link><br>
- <img v-bind:src="img2"/> <router-link :to="{ name: 'user-profile', params: { id: id2 } }">{{ name2 }}</router-link><br>
- <img v-bind:src="img3"/> <router-link :to="{ name: 'user-profile', params: { id: id3 } }">{{ name3 }}</router-link><br>
+ <img v-bind:src="img1"/> <router-link :to="userProfileLink(id1, name1)">{{ name1 }}</router-link><br>
+ <img v-bind:src="img2"/> <router-link :to="userProfileLink(id2, name2)">{{ name2 }}</router-link><br>
+ <img v-bind:src="img3"/> <router-link :to="userProfileLink(id3, name3)">{{ name3 }}</router-link><br>
<img v-bind:src="$store.state.instance.logo"> <a v-bind:href="moreUrl" target="_blank">{{$t('who_to_follow.more')}}</a>
</p>
</div>
diff --git a/src/modules/instance.js b/src/modules/instance.js
index ab88306f..342bc9ac 100644
--- a/src/modules/instance.js
+++ b/src/modules/instance.js
@@ -12,8 +12,8 @@ const defaultState = {
logo: '/static/logo.png',
logoMask: true,
logoMargin: '.2em',
- redirectRootNoLogin: '/main/all',
- redirectRootLogin: '/main/friends',
+ redirectRootNoLogin: '/~/main/all',
+ redirectRootLogin: '/~/main/friends',
showInstanceSpecificPanel: false,
scopeOptionsEnabled: true,
formattingOptionsEnabled: false,
diff --git a/src/services/user_profile_link_generator/user_profile_link_generator.js b/src/services/user_profile_link_generator/user_profile_link_generator.js
new file mode 100644
index 00000000..3367eb8a
--- /dev/null
+++ b/src/services/user_profile_link_generator/user_profile_link_generator.js
@@ -0,0 +1,10 @@
+const generateProfileLink = (id, screenName) => {
+ return {
+ name: (isExternal(screenName) ? 'external-user-profile' : 'user-profile'),
+ params: (isExternal(screenName) ? { id } : { name: screenName })
+ }
+}
+
+const isExternal = screenName => screenName.includes('@')
+
+export default generateProfileLink