            active-cnt (- (count items) completed-cnt)]
       [:div
        [:section.todoapp
-        [todo-header "reagent" "What needs to be done?"]
+        [:header.header
+         [:h1 "reagent"]
+         [todo-input {:class "new-todo" :placeholder "What needs to be done?"
+                      :on-save add-todo}]]
 
         (when (pos? (count items))
           [:div
            [:section.main
-            [:input.toggle-all {:type "checkbox" :checked (zero? active-cnt) :on-click #(complete-all (pos? active-cnt))}]
+            [:input.toggle-all {:type "checkbox"
+                                :checked (zero? active-cnt)
+                                :on-click #(complete-all (pos? active-cnt))}]
             [:label {:for "toggle-all"} "Mark all as complte"]
 
             [todo-list showing items]]

  (swap! todos update-in [id :done] not))
(defn delete [id]
  (swap! todos dissoc id))
(defn save [title]
  (when (not-empty title) (add-todo title)))
(defn clear-completed []
  (reset! todos (->> (vals @todos)
                     (filter :done)

(ns todomvc-reagent.core
  (:require [reagent.core :as r]
            [clojure.string :as s]))

;; -------------------------
;; Db
