                         :font-size 30}}
        (string/upper-case
          (str "season " @title))]
-      [ui/view {:style {:position "absolute"
-                        :top 0
-                        :left 5
-                        :right 5
-                        :bottom 0
+      [ui/view {:style {:position    "absolute"
+                        :top         0
+                        :left        5
+                        :right       5
+                        :bottom      0
                         :flex        5
                         :align-items "stretch"}}
        [ui/view {:style {:border-radius    15

;         [seasons-bar @chapters
;          #(dispatch [:chapter-load %1 %2])])

(defn chapters-content [activity-indicator]
  (let [chapters (subscribe [:chapters])
        chapter (reaction (take 100 @(subscribe [:get-chapter])))
        tPosition (ui/animated-value 100.0)
        pan-responder (ui/create-pan-responder {:onStartShouldSetPanResponder        (fn [_ _] true)
                                                :onStartShouldSetPanResponderCapture (fn [_ _] true)
                                                :onMoveShouldSetPanResponder         (fn [_ _] true)
                                                :onMoveShouldSetPanResponderCapture  (fn [_ _] true)
                                                :onPanResponderGrant                 (fn [event _]
                                                                                       (ui/animated-set-value tPosition (aget event "nativeEvent" "pageY")))
                                                :onPanResponderMove                  (fn [event _]
                                                                                       (ui/animated-set-value tPosition (aget event "nativeEvent" "pageY")))})]
    (fn chapters-content-comp []
      (print (count @chapter))
      [ui/view {:style {:position       "absolute"
                        :left           0
                        :right          0
                        :top            0
                        :bottom         0
                        :flex           1
                        :flex-direction "column"
                        :align-items    "stretch"}}
       (if (not (empty? @chapter))
         [ui/view {:style {:flex             12
                           :background-color "white"
                           :flex-direction "row"}}
          [timeline (-> {:tPosition          tPosition
                         :countWordsOnScreen 11
                         :timestamps         (clj->js @chapter)
                         :style              {:flex 1}}
                        (merge (ui/get-pan-handlers pan-responder)))]
          [ui/list-view {:dataSource            (.cloneWithRows chapter-ds (clj->js @chapter))
                         :enable-empty-sections true
                         :render-row            #(r/as-element [term-row (js->clj % :keywordize-keys true) activity-indicator])
                         :style                 {:flex             5
                                                 :background-color "white"}}]]
         [ui/view {:style {:flex             (if (nil? @chapters) 13 12)
                           :background-color "white"
                           :justify-content  "center"
                           :align-items      "center"}}
          [activity-indicator {:color "rgb(72, 86, 155)"}]])])))

(defn get-chapters-scene [activity-indicator]
  (fn chapters-scene []

                             :on-press #(dispatch [:add-to-well-known term])}
       [ui/text {:style {:color "white"}} "I remember this"]]])])

(def TERM_ROW_HEIGHT 60)

(defn term-row [term-raw activity-indicator]
  (if (= (:status term-raw) const/ACTIVE_TERM)
    [detailed-term-row term-raw activity-indicator]
    [ui/touchable-opacity {:style    {:height              TERM_ROW_HEIGHT
                                      :border-bottom-width 1
                                      :border-color        "rgba(0,0,0,.1)"
                                      :flex-direction      "column"
                                      :justify-content     "center"
                                      :padding-left        30}
                           :on-press #(dispatch [:translate-term (:term term-raw)])}
     [ui/text {:style {:font-size 20 :color "rgb(72, 86, 155)"}} (:term term-raw)]]))
