                     (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")
+                                     :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")))))
-
-
+                                    "Login")))))
 
               )))))))
 


(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")))))))

(defn user-info-modal [this]
  (let [{:keys [user/about ui/tmp-about]} (om/props this)]

                       :onSave  #(do
                                   (om/transact! this `[(user/update {:user/about ~tmp-about})])
                                   (um/set-value! this :ui/editing-info? false))}
      (dom/form #js {:id "user-form" :action "profile/update" :method "post"}
        (dom/div #js {:id "user-form_es_" :className "errorSummary" :style #js {:display "none"}}
          (dom/p nil
            "Please fix the following input errors:")
          (dom/ul nil
            (dom/li nil
              "dummy")))
        (dom/label #js {:htmlFor "User_biog"}
          (dom/h3 nil
            "About you") "Who are you? What are your musical goals? What instruments do you play? "
          (dom/br nil)
          "(max. 160 characters)"
          (dom/br nil)
          (dom/br nil))
        (dom/textarea #js {:size      "60"
                           :maxLength "160"
                           :id        "User_biog"
                           :value     (or tmp-about about)
                           :onChange  #(um/set-string! this :ui/tmp-about :event %)
                           :style     #js {:zIndex "auto" :position "relative" :lineHeight "20px" :fontSize 14 :transition "none" :background "none 0% 0% / auto repeat scroll padding-box border-box rgb(255 255 255)"}})
        (dom/div #js {:className "errorMessage" :id "User_biog_em_" :style #js {:display "none"}})))))

(om/defui ^:once ProfileDashboard
  static om/Ident
