diff --git a/src/components/nav_panel/nav_panel.js b/src/components/nav_panel/nav_panel.js index 26e8440a..aeccd8a7 100644 --- a/src/components/nav_panel/nav_panel.js +++ b/src/components/nav_panel/nav_panel.js @@ -1,7 +1,7 @@ -import { getListEntries, ListsMenuContent } from '../lists_menu/lists_menu_content.vue' +import ListsMenuContent from 'src/components/lists_menu/lists_menu_content.vue' import { mapState, mapGetters } from 'vuex' import { TIMELINES, ROOT_ITEMS } from 'src/components/navigation/navigation.js' -import { filterNavigation } from 'src/components/navigation/filter.js' +import { getListEntries, filterNavigation } from 'src/components/navigation/filter.js' import NavigationEntry from 'src/components/navigation/navigation_entry.vue' import NavigationPins from 'src/components/navigation/navigation_pins.vue' diff --git a/src/components/navigation/filter.js b/src/components/navigation/filter.js index b41892a4..31b55486 100644 --- a/src/components/navigation/filter.js +++ b/src/components/navigation/filter.js @@ -9,3 +9,10 @@ export const filterNavigation = (list = [], { hasChats, isFederating, isPrivate, return true }) } + +export const getListEntries = state => state.lists.allLists.map(list => ({ + name: 'list-' + list.id, + routeObject: { name: 'lists-timeline', params: { id: list.id } }, + labelRaw: list.title, + iconLetter: list.title[0] +})) diff --git a/src/components/navigation/navigation_pins.js b/src/components/navigation/navigation_pins.js index 59ad808b..9c416d9f 100644 --- a/src/components/navigation/navigation_pins.js +++ b/src/components/navigation/navigation_pins.js @@ -1,7 +1,6 @@ -import { getListEntries } from '../lists_menu/lists_menu_content.vue' import { mapState } from 'vuex' import { TIMELINES, ROOT_ITEMS } from 'src/components/navigation/navigation.js' -import { filterNavigation } from 'src/components/navigation/filter.js' +import { getListEntries, filterNavigation } from 'src/components/navigation/filter.js' import { library } from '@fortawesome/fontawesome-svg-core' import {