             [goog.dom.Range]
             [goog.dom.selection]
             [goog.labs.userAgent.browser :as ua]
+            [goog.userAgent]
             [om.core :as om :include-macros true]
             [om.dom :as dom :include-macros true])
   (:require-macros [sablono.core :refer (html)])

             [:tr.make
              [:td
               [:div.shortcuts-keys
                [:div.shortcuts-key  {:title "Option Key"} (common/icon :option)]
                [:div.shortcuts-misc {:title "Left Click + Drag"} (common/icon :click)]]]
              [:td [:div.shortcuts-result {:title "Hold option, drag shape(s)."} "Duplicate"]]]
             [:tr.make
              [:td
               [:div.shortcuts-keys
                [:div.shortcuts-key {:title "Control Key"} (common/icon :control)]
                [:div.shortcuts-key {:title "Shift Key"} (common/icon :shift)]
                [:div.shortcuts-misc {:title "Left Click + Drag"} (common/icon :click)]]]
              [:td [:div.shortcuts-result {:title "Hold control & shift, drag shape."} "Connect"]]]
             ]]]])))))

(defn username [app owner]

(defn shortcuts [app owner]
  (reify
    om/IDisplayName (display-name [_] "Overlay Shortcuts")
    om/IInitState (init-state [_] {:mac? goog.userAgent/MAC})
    om/IRenderState
    (render-state [_ {:keys [mac?]}]
      (let [cast! (om/get-shared owner :cast!)]
        (html
         [:section.menu-view
