add loading state to LibraryList

src/pages/library/LibraryList.vue

@@ -1,4 +1,5 @@
 <template>
+  <b-overlay :show="filteredNodes === undefined" class="h-100">
     <div class="library-list">
       <div class="library-list-container" @click="onContainerClick">
         <div v-for="([char, nodes]) in filteredNodes" :key="char">
@@ -19,6 +20,7 @@
         </div>
       </div>
     </div>
+  </b-overlay>
 </template>
 
 <script>
@@ -45,7 +47,7 @@ export default {
     ...mapGetters(['orderedTextsDepart', 'search', 'tags', 'strangeness']),
 
     filteredNodes () {
-      if (!this.orderedTextsDepart) return {}
+      if (!this.orderedTextsDepart) return
       const nodesGroups = []
       const search = this.search.toLowerCase()
       this.orderedTextsDepart.forEach(([char, nodes]) => {

src/pages/library/LibraryMap.vue

@@ -96,10 +96,10 @@ export default {
     const radius = window.innerWidth < 769 ? 700 / 1.5 : 700
     this.$store.dispatch('INIT_LIBRARY_MAP').then(nodes => {
       this.nodes = nodes.map((node, i) => {
-        return { x: i, rotate: randomUniform(-25, 25)(), data: node }
+        return { x: 0, rotate: randomUniform(-25, 25)(), data: node }
       })
       this.simulation.nodes(this.nodes)
-        .force('attract', forceManyBody().strength(10))
+        .force('attract', forceManyBody())
         .force('collision', forceCollide().radius(radius / 2))
     })
   }