         (let [state (-> (uc/initial-state class props)
                         (merge info))
               ident (om/ident class state)
-              r (om/get-reconciler this)]
+              r     (om/get-reconciler this)]
           (om/set-query! this {:params {:exercise/data (om/get-query class)}})
           (om/transact! r ident [`(um/set-props ~state)])
           (om/transact! r [type id] [`(um/set-props {:exercise/data ~ident})])))))

                  (dom/form #js {:className "navbar-form"
                                 :onSubmit  #(do
                                               (.preventDefault %)
                                               (df/load (om/get-reconciler this) :lesson/search LessonCell {:params  {:lesson/title search-text}
                                                                                                            :target  [:route/data :lesson/search]
                                                                                                            :refresh [:lesson/search]}))}
                    (dom/div #js {:style #js {:width    "80%"
                                              :position "relative"}}
                      (dom/div #js {:style #js {:background "#fff"
                                                :border     "1px solid #ccc"
                                                :width      "100%"
                                                :height     "200px"
                                                :position   "absolute"
                                                :boxSizing  "border-box"
                                                :top        30
                                                :zIndex     "10"}})
                      (dom/input #js {:value       (or search-text "")
                                      :style       #js {:boxSizing "border-box"
                                                        :width     "100%"}
                                      :placeholder "Search"
                                      :onChange    #(om/transact! this `[(app/set-route-data {:ui/search-text ~(.. % -target -value)})])}))
                    #_(dom/div #js {:className "container wrapper"}
                        (dom/div #js {:className "tab-content"}
                          (dom/div #js {:className "tab-pane active"}
                            (map lesson-cell search)))))
                  (if (signed-in? props)
                    (user-menu-status this)
                    (if (> score 0)

    (-> (DateTimeFormat. format)
        (.format date)
        (clojure.string/replace #"(\d+)o" #(ordinal-suffix (second %))))))

(defn get-load-query [comp]
  (conj (om/get-query comp) :ui/fetch-state))

(s/def ::component om/component?)
(s/def ::button-color #{"yellow" "orange" "redorange" "red"})
