 
   (render [this]
     (let [{:keys [palette-widget/closure-comp
-                  palette-widget/active-color] :as props} (om/props this)
-          update-func #(color-update this active-color closure-comp)]
+                  palette-widget/active-color] :as props} (om/props this)]
 
-      (dom/div #js {:onMouseUp update-func
+      (dom/div #js {:onMouseUp #(color-update this)
+                    :id  "palette-widget"
                     ;;:onTouchEnd #(color-update this active-color closure-comp)
                     :ref "paletteWidget"} nil))))
 

(declare Palette)
(declare PaletteWidget)

(defn color-update [comp active-color closure-comp]
  (om/transact! comp
    `[(color/update {:color/id ~(:color/id active-color)
                     :color/hex ~(.getColor closure-comp)}) :palette]))

(defn color-remove [comp {:keys [color/id] :as color} e]
  (.preventDefault e)

    (let [{colors/list         :colors/list
           palette-widget-data :palette-widget} (om/props this)
          callback (partial color-add this)]
      (dom/div #js {:className "widget"
                    :id        "palette"}
        (util/widget-title "Palette")
        (apply dom/div #js {:id "palette-colors"
