   [:div.header-a4c14
     [:div.title-8749a "ClojureScript Compiler"]
     [:div.title-links-42b06
+      ; [:span.link-3d3ad
+      ;   {:on-click click-settings-link}
+      ;   [:i.fa.fa-gear] "Settings"]
       [:span.link-3d3ad
         {:on-click show-new-project-modal}
-        [:i.fa.fa-plus] "Add project"]
-      ;; NOTE: hide settings for now
-      ;; [:span.link-3d3ad [:i.fa.fa-gear] "Settings"]
-      ]
+        [:i.fa.fa-plus] "Add project"]]
     [:div.clr-737fa]])
 
-(sablono/defhtml modal-overlay []
-  [:div.modal-overlay-120d3 {:on-click click-modal-overlay}])
+(sablono/defhtml modal-overlay [click-fn]
+  [:div.modal-overlay-120d3 {:on-click click-fn}])
 
 (sablono/defhtml new-project-step-1 []
   [:div.modal-body-fe4db

      3 (new-project-step-3 app-state)
      nil)))

(quiescent/defcomponent AppRoot [app-state]
  (sablono/html
    [:div
      (when (:add-project-modal-showing? app-state)
        (list
          (modal-overlay)
          (NewProjectModal app-state)))
      [:div.app-ca3cd {:on-click click-root}
        (header)
        (let [projects (-> app-state :projects get-ordered-projects)]

(defn- on-mount-new-project-form []
  (when-let [el (by-id new-project-input-id)]
    (.focus el)))

(defn- click-settings-link []
  (swap! state assoc :settings-modal-showing? true))

;;------------------------------------------------------------------------------
;; Sablono Templates
