Fix:Initial audiobook progress sync, Fix:Reset stream on logout

pages/bookshelf/index.vue

@@ -15,7 +15,8 @@ export default {
   },
   computed: {
     books() {
-      return this.$store.getters['audiobooks/getFilteredAndSorted']()
+      // return this.$store.getters['audiobooks/getFilteredAndSorted']()
+      return this.$store.state.audiobooks.audiobooks
     },
     booksWithUserAbData() {
       var books = this.books.map((b) => {

pages/bookshelf/library.vue

@@ -10,6 +10,10 @@
         <app-bookshelf-list-row :key="book.id" :audiobook="book" :page-width="pageWidth" class="my-2" />
       </template>
     </div>
+    <div v-show="!books.length" class="w-full py-16 text-center text-xl">
+      <div class="py-4">No Books</div>
+      <ui-btn v-if="hasFilters" @click="clearFilter">Clear Filter</ui-btn>
+    </div>
   </div>
 </template>
 
@@ -25,6 +29,9 @@ export default {
     bookshelfView() {
       return this.$store.state.bookshelfView
     },
+    hasFilters() {
+      return this.$store.getters['user/getUserSetting']('mobileFilterBy') !== 'all'
+    },
     isListView() {
       return this.bookshelfView === 'list'
     },
@@ -57,7 +64,13 @@ export default {
       return shelves
     }
   },
-  methods: {},
+  methods: {
+    clearFilter() {
+      this.$store.dispatch('user/updateUserSettings', {
+        mobileFilterBy: 'all'
+      })
+    }
+  },
   mounted() {
     this.pageWidth = window.innerWidth
   }