          (render-filter filter)
          [render-add-card on-add-card]
          [render-toggle-all on-toggle-all]
-         [render-board
-          (filter-by-title @filter @cards)
+         [render-board @filtered
           (render-card on-toggle-card on-remove-task on-check-task on-add-task)]
         ]))
   ))

  ; - The DOM needs to be that deep, but not functions
  ; - But you can create the card at the top
  ; - And then you can assemble them (group-by or filter)
  (let []
    (fn []
      (let [filter (r/cursor app-state [:filter])
            cards (r/cursor app-state [:cards])
            
            on-add-card #(js/alert "toto - use route to display the form")
            on-toggle-all #(swap! cards toggle-all-cards)

;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;

(def app-state
  (r/atom {:cards {}}))

(defn add-cards!
  "Add several cards to the application state"
