feat: navigate back on rating success

Author: DeMonkeyCoder

middleware/redirects.ts renamed to middleware/routerHelperMiddleware.ts

@@ -1,6 +1,8 @@
-import { Middleware } from '@nuxt/types'
+import {Middleware} from '@nuxt/types'
+
+const routerHelperMiddleware: Middleware = function ({store, from, route, redirect}) {
+  store.commit('app/setIsFirstVisitedRoute', !from)
 
-const redirectsMiddleware: Middleware = function ({ route, redirect }) {
   const redirects = [
     {
       from: '/community',
@@ -13,4 +15,4 @@ const redirectsMiddleware: Middleware = function ({ route, redirect }) {
   }
 }
 
-export default redirectsMiddleware
+export default routerHelperMiddleware

nuxt.config.ts

@@ -1,9 +1,9 @@
-import { Configuration as WebpackConfiguration } from 'webpack'
-import { NuxtOptionsLoaders, NuxtWebpackEnv } from '@nuxt/types/config/build'
+import {Configuration as WebpackConfiguration} from 'webpack'
+import {NuxtOptionsLoaders, NuxtWebpackEnv} from '@nuxt/types/config/build'
 
 const DOTENV_PATH =
   process.env.NODE_ENV === 'production' ? '.env.production' : '.env.development'
-require('dotenv').config({ path: DOTENV_PATH })
+require('dotenv').config({path: DOTENV_PATH})
 
 const title = 'Discover & grow your Aura...'
 const description = 'Your Aura represents power & influence upon the Auracle.'
@@ -21,15 +21,15 @@ export default {
   head: {
     title,
     meta: [
-      { charset: 'utf-8' },
-      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
+      {charset: 'utf-8'},
+      {name: 'viewport', content: 'width=device-width, initial-scale=1'},
       {
         hid: 'description',
         name: 'description',
         content: description,
       },
 
-      { name: 'twitter:card', content: 'summary_large_image' },
+      {name: 'twitter:card', content: 'summary_large_image'},
       {
         name: 'twitter:title',
         content: title,
@@ -61,10 +61,10 @@ export default {
         name: 'og:title',
         content: description,
       },
-      { hid: 'theme-color', name: 'theme-color', content: '#333333' },
+      {hid: 'theme-color', name: 'theme-color', content: '#333333'},
     ],
     link: [
-      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },
+      {rel: 'icon', type: 'image/x-icon', href: '/favicon.ico'},
       {
         rel: 'dns-prefetch',
         href: 'https://fonts.gstatic.com/',
@@ -101,22 +101,22 @@ export default {
   // Modules: https://go.nuxtjs.dev/config-modules
   modules: [
     // https://go.nuxtjs.dev/pwa
-    ['@nuxtjs/dotenv', { filename: DOTENV_PATH }],
+    ['@nuxtjs/dotenv', {filename: DOTENV_PATH}],
     '@nuxtjs/pwa',
     '@nuxtjs/axios',
     '@nuxtjs/date-fns',
   ],
 
-  middleware: ['redirects'],
+  middleware: ['routerHelperMiddleware'],
   router: {
-    middleware: 'redirects',
+    middleware: 'routerHelperMiddleware',
   },
 
   proxy: {
     '/brightid': {
       target: 'https://recovery.brightid.org',
       changeOrigin: true,
-      pathRewrite: { '^/brightid': '/' },
+      pathRewrite: {'^/brightid': '/'},
     },
   },
 

pages/profile/_id.vue

@@ -97,12 +97,6 @@ export default {
   },
   mixins: [transition, unsavedChanges, avatar],
 
-  beforeRouteEnter(_to, from, next) {
-    next(vm => {
-      vm.fromRoute = from
-    })
-  },
-
   data() {
     return {
       profile: {},
@@ -258,10 +252,10 @@ export default {
       }).catch(onError)
     },
     onAfterSave() {
-      if (this.fromRoute?.name) {
-        this.$router.go(-1)
-      } else {
+      if (this.$store.getters["app/isFirstVisitedRoute"]) {
         this.$router.push('/connections/')
+      } else {
+        this.$router.go(-1)
       }
     },
     async loadConnectionProfile() {

store/app.ts

@@ -1,17 +1,25 @@
-import { MutationTree } from 'vuex'
-import { AppState } from '~/types/store'
+import {GetterTree, MutationTree} from 'vuex'
+import {AppState, RootState} from '~/types/store'
 
 export const state = (): AppState => ({
   hasUnsavedChanges: false,
   loading: false,
   isWebp: false,
   isAuth: false,
+  isFirstVisitedRoute: true,
 })
 
+export const getters: GetterTree<AppState, RootState> = {
+  isFirstVisitedRoute: state => state.isFirstVisitedRoute
+}
+
 export const mutations: MutationTree<AppState> = {
   setHasUnsavedChanges(state, value) {
     state.hasUnsavedChanges = value
   },
+  setIsFirstVisitedRoute(state, value) {
+    state.isFirstVisitedRoute = value
+  },
   setLoading(state, value) {
     state.loading = value
   },

types/store.d.ts

@@ -19,6 +19,7 @@ export type AppState = {
   loading: boolean
   isWebp: boolean
   isAuth: boolean
+  isFirstVisitedRoute: boolean
 }
 export type ConnectionsState = {
   connectionsData: AuraConnection[]