 
 (defn modal [{:ui.modal/keys [title onClose onSave]} & children]
   (portal {:append-to "body"}
-          (dom/div #js {:style #js {:position   "absolute"
-                                    :left       0
-                                    :top        0
-                                    :background "rgba(0, 0, 0, 0.5)"
-                                    :width      "100vw"
-                                    :height     "100vh"}}
-            (dom/div #js {:id "myModal" :className "modal hide fade in" :tabIndex "-1" :role "dialog" :style #js {:display "block"}}
-              (dom/div #js {:className "modal-header"}
-                (dom/button #js {:type "button" :className "close" :onClick #(if onClose (onClose))}
-                  "×")
-                (dom/h3 #js {:id "myModalLabel"}
-                  title))
-              (dom/div #js {:className "modal-body"}
-                (apply dom/div nil children)
-                (dom/div #js {:className "row buttons"})
-                (dom/div #js {:className "modal-footer"}
-                  (dom/button #js {:className "btn"
-                                   :onClick   #(if onClose (onClose))}
-                    "Close")
-                  (dom/button #js {:className "btn btn-primary"
-                                   :onClick   #(if onSave (onSave))}
-                    "Save")))))))
+    (dom/div #js {:style #js {:position   "absolute"
+                              :left       0
+                              :top        0
+                              :background "rgba(0, 0, 0, 0.5)"
+                              :width      "100vw"
+                              :height     "100vh"}}
+      (dom/div #js {:id "myModal" :className "modal hide fade in" :tabIndex "-1" :role "dialog" :style #js {:display "block"}}
+        (dom/div #js {:className "modal-header"}
+          (dom/button #js {:type "button" :className "close" :onClick #(if onClose (onClose))}
+            "×")
+          (dom/h3 #js {:id "myModalLabel"}
+            title))
+        (dom/div #js {:className "modal-body"}
+          (apply dom/div nil children)
+          (dom/div #js {:className "row buttons"})
+          (dom/div #js {:className "modal-footer"}
+            (dom/button #js {:className "btn"
+                             :onClick   #(if onClose (onClose))}
+              "Close")
+            (dom/button #js {:className "btn btn-primary"
+                             :onClick   #(if onSave (onSave))}
+              "Save")))))))
 
 (defn user-info-modal [this]
   (let [{:keys [user/about ui/tmp-about]} (om/props this)]

                    (user-menu-status this)
                    (if (> score 0)
                      (button-block {:className  "btn btn-success loginbutton"
                               :react-key  "btn-4"
                               ::r/handler ::r/login}
                        (dom/i #js {:className "icon-exclamation-sign icon-white" :style #js {:marginRight 5}})
                        score " unclaimed points. Login to save your progress")
                      (button-block {:react-key "btn-4" ::r/handler ::r/login :className "loginbutton", ::button-color "red"}
                        "Login")))))



              )))))))


                        (= slug (om/get-computed this :ui/topic-slug)))]
      (nav-item {::selected? selected? ::icon (if started? "icon-adjust")
                 ::r/handler ::r/topic ::r/params {::r/slug slug}}
        title))))

(def topic-side-bar-link (om/factory TopicSideBarLink))

