Use anchor instead of div or button for filters and details tags

1 files changed, 9 insertions, 6 deletions

diff --git a/src/main/scala/reading/component/index/Books.scala b/src/main/scala/reading/component/index/Books.scala
index b5e172b..f15e2dc 100644
--- a/src/main/scala/reading/component/index/Books.scala
+++ b/src/main/scala/reading/component/index/Books.scala
@@ -50,17 +50,20 @@ object Books {
               searchedBooks().sorted.map { book =>
                 div(
                   BooksStyle.book,
-                  img(
-                    BooksStyle.cover,
-                    src := s"cover/${book.title}.jpg",
-                    alt := s"${book.title}, ${book.author}",
+                  a(
+                    href := Rx(Route.url(Route.Books(filters = filters(), detail = Some(book)))),
                     onclick := (() => {
                       Route.push(Route.Books(filters.now, Some(book)))
                       AnimateMethod.fadeOut(
                         id = componentId,
                         onEnd = detail() = Some(book)
                       )
-                    })
+                    }),
+                    img(
+                      BooksStyle.cover,
+                      src := s"cover/${book.title}.jpg",
+                      alt := s"${book.title}, ${book.author}"
+                    )
                   )
                 )
               }
@@ -72,7 +75,7 @@ object Books {
       Rx {
         detail() match {
           case Some(book) =>
-            BookDetail(book, componentId, onClose = closeDetail(filters, detail))
+            BookDetail(filters.now, book, componentId, onClose = closeDetail(filters, detail))
           case None =>
             span("")
         }