[Clean] remplace mainNavigation by mainNavigations

Replace the object for the state : https://vuex.vuejs.org/fr/guide/mutations.html#les-mutations-suivent-les-regles-de-reactivite-de-vue
1024pix · Oct 13, 2020 · d9dcb13 · d9dcb13
1 parent 3f8d686
commit d9dcb13
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 16 deletions.
diff --git a/components/NavigationSliceZone.vue b/components/NavigationSliceZone.vue
@@ -74,10 +74,10 @@ export default {
       )
     },
 
-    ...mapState(['mainNavigation', 'organizationNavItems']),
+    ...mapState(['mainNavigations', 'organizationNavItems']),
 
     usedMainNavigation() {
-      const groupBySite = groupBy(this.mainNavigation, 'data.navigation_for')
+      const groupBySite = groupBy(this.mainNavigations, 'data.navigation_for')
       if (this.isPixPro && groupBySite['pix-pro']) {
         return groupBySite['pix-pro'][0]
       }

diff --git a/plugins/i18n.js b/plugins/i18n.js
@@ -1,6 +1,6 @@
 export default function ({ app: { $prismic, i18n, store } }) {
   i18n.onLanguageSwitched = () => {
     store.dispatch('updateNavigation', { prismic: $prismic, i18n })
-    store.dispatch('updateMainNavigation', { prismic: $prismic, i18n })
+    store.dispatch('updateMainNavigations', { prismic: $prismic, i18n })
   }
 }
diff --git a/store/index.js b/store/index.js
@@ -6,23 +6,23 @@ export const state = () => ({
   aboutNavItems: [],
   hotNews: null,
   host: null,
-  mainNavigation: [],
+  mainNavigations: [],
 })
 export const actions = {
   async nuxtServerInit({ commit }, { app, req }) {
     commit('updateNavigation', await getNavigation(app.$prismic, app.i18n))
     commit(
-      'updateMainNavigation',
-      await getMainNavigation(app.$prismic, app.i18n)
+      'updateMainNavigations',
+      await getMainNavigations(app.$prismic, app.i18n)
     )
     commit('updateHotNews', await getHotNews(app.$prismic, app.i18n))
     commit('updateHost', req)
   },
   async updateNavigation({ commit }, { i18n, prismic }) {
     commit('updateNavigation', await getNavigation(prismic, i18n))
   },
-  async updateMainNavigation({ commit }, { i18n, prismic }) {
-    commit('updateMainNavigation', await getMainNavigation(prismic, i18n))
+  async updateMainNavigations({ commit }, { i18n, prismic }) {
+    commit('updateMainNavigations', await getMainNavigation(prismic, i18n))
   },
 }
 export const mutations = {
@@ -50,8 +50,8 @@ export const mutations = {
     state.resourcesNavItems = navItems(navigations, 'ressources-nav')
     state.aboutNavItems = navItems(navigations, 'about-nav')
   },
-  updateMainNavigation(state, navigations) {
-    state.mainNavigation = navigations
+  updateMainNavigations(state, navigations) {
+    state.mainNavigations = [...navigations]
   },
   updateHotNews(state, hotNews) {
     state.hotNews = hotNews && hotNews.data ? hotNews.data.description : null
@@ -62,7 +62,7 @@ function getNavigation(prismic, i18n) {
   return documentFetcher(prismic, i18n).get(documents.navigation)
 }
 
-function getMainNavigation(prismic, i18n) {
+function getMainNavigations(prismic, i18n) {
   return documentFetcher(prismic, i18n).findByType(documents.mainNavigation)
 }
 

diff --git a/tests/components/slices/NavigationSliceZone.test.js b/tests/components/slices/NavigationSliceZone.test.js
@@ -70,7 +70,7 @@ describe('NavigationSliceZone', () => {
         beforeEach(() => {
           store = {
             state: {
-              mainNavigation: [expectedSiteNavigation, expectedProNavigation],
+              mainNavigations: [expectedSiteNavigation, expectedProNavigation],
             },
           }
         })
@@ -99,7 +99,7 @@ describe('NavigationSliceZone', () => {
           }
           store = {
             state: {
-              mainNavigation: [expectedSiteNavigation, expectedProNavigation],
+              mainNavigations: [expectedSiteNavigation, expectedProNavigation],
             },
           }
         })
@@ -128,7 +128,7 @@ describe('NavigationSliceZone', () => {
           }
           store = {
             state: {
-              mainNavigation: [expectedSiteNavigation],
+              mainNavigations: [expectedSiteNavigation],
             },
           }
         })
@@ -160,7 +160,7 @@ describe('NavigationSliceZone', () => {
 
           store = {
             state: {
-              mainNavigation: [expectedSiteNavigation, expectedProNavigation],
+              mainNavigations: [expectedSiteNavigation, expectedProNavigation],
             },
           }
         })
@@ -190,7 +190,7 @@ describe('NavigationSliceZone', () => {
 
           store = {
             state: {
-              mainNavigation: [expectedSiteNavigation],
+              mainNavigations: [expectedSiteNavigation],
             },
           }
         })