                               :height          24
                               :backgroundColor "orange"
                               :borderRadius    12
-                              :transform       [{:scale 0.7}]}}]]]])]
+                              :transform       [{:scale 0.7}]}}]]]])
+          (when-let [audio-file (:audio_file entry)]
+            (let [status (:status @player-state)
+                  pos (h/mm-ss (.floor js/Math (:pos @player-state)))
+                  play (fn [_]
+                         (.startPlayer recorder-player audio-file)
+                         (.addPlayBackListener
+                           recorder-player
+                           #(swap! player-state assoc-in [:pos] (.-current_position %)))
+                         (swap! player-state assoc-in [:status] :play))
+                  stop (fn [_]
+                         (.stopPlayer recorder-player)
+                         (.removePlayBackListener recorder-player)
+                         (swap! player-state assoc-in [:status] :paused))]
+              [touchable-opacity {:on-press (if (= :play status) stop play)
+                                  :style    {:margin         10
+                                             :display        "flex"
+                                             :flex-direction "row"}}
+               [icon {:name  "microphone"
+                      :size  30
+                      :style {:color       (if (= :play status) "#66F" "#999")
+                              :margin-left 25}}]
+               [text {:style {:color       "#0078e7"
+                              :font-size   30
+                              :margin-left 25
+                              :font-family  "Courier"}}
+                (if (= :play status) "Stop" "Play")]
+               [text {:style {:font-size    30
+                              :color        "#888"
+                              :font-weight  "100"
+                              :margin-left  50
+                              :margin-right 25
+                              :font-family  "Courier"}}
+                pos]]))]
          #_[text {:style {:margin-top  20
                           :margin-left 10
                           :color       text-color


(defn entry-detail [cfg-map entry-local nav put-fn]
  (let [entry-detail (subscribe [:entry-detail])
        theme (subscribe [:active-theme])]
    (fn [{:keys [screenProps navigation] :as props}]
      (go (try
            (let [ts (:timestamp @entry-detail)

                       :styleURL         (get mapbox-style-url (:map-style @cfg-map))
                       :style            {:width         "100%"
                                          :height        200
                                          :margin-bottom 30}
                       :zoomLevel        15}
             [point-annotation {:coordinate [longitude latitude]}
              [view {:style {:width           24
