From 8225d350220d7a5e59708aa4ddfe8847351e688f Mon Sep 17 00:00:00 2001
From: advplyr <advplyr@protonmail.com>
Date: Thu, 2 Dec 2021 19:40:42 -0600
Subject: [PATCH] Fix:Cover aspect ratio for search match,Fix:Dynamic route
 404s

---
 client/components/cards/BookMatchCard.vue    | 5 +++--
 client/components/modals/edit-tabs/Match.vue | 5 ++++-
 server/Server.js                             | 3 +++
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/client/components/cards/BookMatchCard.vue b/client/components/cards/BookMatchCard.vue
index eeeae4cd..ca9c83ca 100644
--- a/client/components/cards/BookMatchCard.vue
+++ b/client/components/cards/BookMatchCard.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="w-full border-b border-gray-700 pb-2">
     <div class="flex py-1 hover:bg-gray-300 hover:bg-opacity-10 cursor-pointer" @click="selectMatch">
-      <img :src="selectedCover || '/book_placeholder.jpg'" class="h-24 object-cover" style="width: 60px" />
+      <img :src="selectedCover || '/book_placeholder.jpg'" class="h-24 object-cover" :style="{ width: 96 / bookCoverAspectRatio + 'px' }" />
       <div class="px-4 flex-grow">
         <div class="flex items-center">
           <h1>{{ book.title }}</h1>
@@ -30,7 +30,8 @@ export default {
     book: {
       type: Object,
       default: () => {}
-    }
+    },
+    bookCoverAspectRatio: Number
   },
   data() {
     return {
diff --git a/client/components/modals/edit-tabs/Match.vue b/client/components/modals/edit-tabs/Match.vue
index 63d479ba..7bbdc0e2 100644
--- a/client/components/modals/edit-tabs/Match.vue
+++ b/client/components/modals/edit-tabs/Match.vue
@@ -22,7 +22,7 @@
     </div>
     <div v-show="!processing" class="w-full max-h-full overflow-y-auto overflow-x-hidden matchListWrapper">
       <template v-for="(res, index) in searchResults">
-        <cards-book-match-card :key="index" :book="res" @select="selectMatch" />
+        <cards-book-match-card :key="index" :book="res" :book-cover-aspect-ratio="bookCoverAspectRatio" @select="selectMatch" />
       </template>
     </div>
     <div v-if="selectedMatch" class="absolute top-0 left-0 w-full bg-bg h-full p-8 max-h-full overflow-y-auto overflow-x-hidden">
@@ -153,6 +153,9 @@ export default {
       set(val) {
         this.$emit('update:processing', val)
       }
+    },
+    bookCoverAspectRatio() {
+      return this.$store.getters['getBookCoverAspectRatio']
     }
   },
   methods: {
diff --git a/server/Server.js b/server/Server.js
index cb3db974..5fd1638f 100644
--- a/server/Server.js
+++ b/server/Server.js
@@ -199,7 +199,10 @@ class Server {
     app.get('/audiobook/:id', (req, res) => res.sendFile(Path.join(distPath, 'index.html')))
     app.get('/audiobook/:id/edit', (req, res) => res.sendFile(Path.join(distPath, 'index.html')))
     app.get('/library/:library', (req, res) => res.sendFile(Path.join(distPath, 'index.html')))
+    app.get('/library/:library/search', (req, res) => res.sendFile(Path.join(distPath, 'index.html')))
     app.get('/library/:library/bookshelf/:id?', (req, res) => res.sendFile(Path.join(distPath, 'index.html')))
+    app.get('/library/:library/authors', (req, res) => res.sendFile(Path.join(distPath, 'index.html')))
+    app.get('/library/:library/series/:id?', (req, res) => res.sendFile(Path.join(distPath, 'index.html')))
     app.get('/config/users/:id', (req, res) => res.sendFile(Path.join(distPath, 'index.html')))
     app.get('/collection/:id', (req, res) => res.sendFile(Path.join(distPath, 'index.html')))