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

1 files changed, 7 insertions, 4 deletions

diff --git a/src/main/scala/reading/component/index/Filters.scala b/src/main/scala/reading/component/index/Filters.scala
index 3aa26e8..935e501 100644
--- a/src/main/scala/reading/component/index/Filters.scala
+++ b/src/main/scala/reading/component/index/Filters.scala
@@ -2,14 +2,15 @@ package reading.component.index
 
 import rx._
 
-import scalatags.JsDom.all._
 import scalacss.Defaults._
 import scalacss.ScalatagsCss._
+import scalatags.JsDom.all._
 
 import reading.component.index.style.{ Filters => FiltersStyle }
-import reading.component.widget.Cross
 import reading.component.style.{ Color => C }
+import reading.component.widget.Cross
 import reading.models.{ Filter, Book }
+import reading.Route
 import reading.utils.RxUtils._
 
 object Filters {
@@ -43,16 +44,18 @@ object Filters {
             div(
               FiltersStyle.values,
 
-              div(
+              a(
                 FiltersStyle.clear,
                 onclick := (() => FilterUtils.removeAll(filters, detail, search)),
+                href := Route.url(Route.Books()),
                 "Effacer les filtres"
               ),
 
               filters().sortBy(_.name).map { filter =>
-                div(
+                a(
                   FiltersStyle.filter,
                   onclick := (() => FilterUtils.remove(filters, detail, search, filter)),
+                  href := Rx(Route.url(Route.Books(Filter.remove(filters(), filter)))),
                   span(FiltersStyle.name, filter.name.capitalize),
                   Cross(15.px, C.gray.value)
                 )