       [on-going-chat]
       [join-room-view])
 
-    (when @show-state?
-      [:div [:br] [:br] [:br] "STATE!!!!"
-       [:div "Messages: " (pr-str @messages)]])]])
+    [:div [:br] [:br] [:br]
+     "STATE!!!!"
+     [:div "Messages: " (pr-str @messages)]]]])
 
 (defn current-page []
   [:div [(session/get :current-page)]])
 
 ;; -------------------------
 ;; Routes
-
-(secretary/set-config! :prefix "#")
 
 (secretary/defroute "/" []
   (reset! chat-room nil)

      (reset! fb-messages fb-item)
      (bind-to-ratom messages fb-item))))

;; -------------------------
;; Views

(defn ^:export toggle-showing-state! []
  (swap! show-state? not))

(defn text-input [value]
  [:input {:type "text"
           :value @value
           :on-change #(reset! value (-> % .-target .-value))}])

(defn on-going-chat []
  [:div
   [:label "Your username:"]
   [text-input username]

   [:div#messages
    (for [[message index] (map vector (take-last 30 @messages) (range))]
      ^{:key (str "message-" index)}
      [:div [:span.username (first message) ": "] [:span.message (second message)]])]

   (let [users-message (reagent/atom "")]
     [:form {:on-submit (fn [e]
                          (.preventDefault e)
                          (firebase-swap! @fb-messages conj [@username @users-message]))}
      [text-input users-message]
      [:button {:type "submit"} "Send"]])])

(defn join-room-view []
  (let [this-room (atom (random-four-characters))

;; -------------------------
;; History
;; must be called after routes have been defined

(defn hook-browser-navigation! []
  (doto (History.)
    (events/listen
