   "The page component for listing tea"
   []
   (fn []
-    (get-teas)
     [:div.row
      [:ul
       [:table.table.table-striped

         [:th "Tea Name"]
         [:th "Edit"]]]
       [:tbody
        (map (fn [tea] [tea @teas-list]
               ^{:key tea}
               [:tr
                [:td [:li]]
                [:td (second tea)]
                [:td [:input.btn.btn-success {:type "button" :value "Edit" :on-click (fn [_] (update-edit-form (first tea) (second tea)))}]]]) @teas-list)]]]]))

(defn sync-atom-to-event
  [atom target-value]
  (reset! atom (->
                 target-value
                 .-target
                 .-value)))

(def sync-new-tea (partial sync-atom-to-event new-tea))
(def sync-edit-tea (partial sync-atom-to-event edit-tea))

(defn get-teas
  "Gets the list of all teas from the website"
  []
  (ajax/GET "/api/teas" :handler (fn [response] (println (assoc-in app-db [:teas-list] response)))))

 ;;(reset! app-db (assoc-in app-db [:teas-list] response))
(defn delete-tea
  "Sends a get request that deletes the tea argument"
  [name]
