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
   }

pages/connect.vue

@@ -10,16 +10,18 @@
       </div>
       <p class="hidden absolute short:block top-1.5 left-12 p-2 font-book text-xl">AudioBookshelf</p>
 
-      <div class="max-w-sm mx-auto sm:px-6 lg:px-8 z-10">
+      <div class="w-full max-w-md mx-auto px-4 sm:px-6 lg:px-8 z-10">
         <div v-show="loggedIn" class="mt-8 bg-primary overflow-hidden shadow rounded-lg p-6 text-center">
           <p class="text-success text-xl mb-2">Login Success!</p>
           <p>Connecting socket..</p>
         </div>
-        <div v-show="!loggedIn" class="mt-8 bg-primary overflow-hidden shadow rounded-lg p-6">
-          <h2 class="text-xl leading-7 mb-4">Enter an <span class="font-book font-normal">AudioBookshelf</span><br />server address:</h2>
-          <form v-show="!showAuth" @submit.prevent="submit" novalidate>
-            <ui-text-input v-model="serverUrl" :disabled="processing || !networkConnected" placeholder="http://55.55.55.55:13378" type="url" class="w-60 sm:w-72 h-10" />
-            <ui-btn :disabled="processing || !networkConnected" type="submit" :padding-x="3" class="h-10">{{ networkConnected ? 'Submit' : 'No Internet' }}</ui-btn>
+        <div v-show="!loggedIn" class="mt-8 bg-primary overflow-hidden shadow rounded-lg p-6 w-full">
+          <h2 class="text-lg leading-7 mb-4">Enter an <span class="font-book font-normal">AudioBookshelf</span><br />server address:</h2>
+          <form v-show="!showAuth" @submit.prevent="submit" novalidate class="w-full">
+            <ui-text-input v-model="serverUrl" :disabled="processing || !networkConnected" placeholder="http://55.55.55.55:13378" type="url" class="w-full sm:w-72 h-10" />
+            <div class="flex justify-end">
+              <ui-btn :disabled="processing || !networkConnected" type="submit" :padding-x="3" class="h-10 mt-4">{{ networkConnected ? 'Submit' : 'No Internet' }}</ui-btn>
+            </div>
           </form>
           <template v-if="showAuth">
             <div class="flex items-center">