number range match.

src/cljs/auto_ap/views/pages/transactions.cljs

@@ -6,6 +6,7 @@
             [auto-ap.routes :as routes]
             [auto-ap.views.components.bank-account-filter :refer [bank-account-filter]]
             [auto-ap.views.components.date-range-filter :refer [date-range-filter]]
+            [auto-ap.views.components.number-filter :refer [number-filter]]
             [auto-ap.views.components.vendor-filter :refer [vendor-filter]]
             [auto-ap.views.components.typeahead :refer [typeahead-entity]]
             [auto-ap.views.components.layouts :refer [appearing-side-bar side-bar-layout]]
@@ -94,6 +95,16 @@
      {:dispatch [::params-change (::params updated)]
       :db updated})))
 
+(re-frame/reg-event-fx
+ ::change-selected-amount-range
+ (fn [{:keys [db]} [_ key value]]
+   (let [[key] key 
+         updated (-> db
+                     (assoc-in [::transaction-page :amount-range-filter key] value)
+                     (assoc-in  [::params key] value))]
+     {:dispatch [::params-change (::params updated)]
+      :db updated})))
+
 (re-frame/reg-event-fx
  ::change-selected-vendor
  (fn [{:keys [db]} [_ vendor]]
@@ -202,6 +213,12 @@
          {:on-change-event [::change-selected-date-range]
           :value (:date-range-filter @(re-frame/subscribe [::transaction-page]))}]]
 
+       [:p.menu-label "Amount"]
+       [:div
+        [number-filter
+         {:on-change-event [::change-selected-amount-range]
+          :value (:amount-range-filter @(re-frame/subscribe [::transaction-page]))}]]
+
        [:p.menu-label "Vendor"]
        [:div
         [typeahead-entity {:matches @(re-frame/subscribe [::subs/vendors])