                             :justify-content  "center"
                             :align-items      "center"}}
            [activity-indicator {:color "rgb(155, 155, 155)"}]])
-        [serial-items-bar (range 0 10) (range 0 10) (fn [& args] (print args)) (fn [& args] (print args))]]])))
+        [serial-items-bar (map #(identity {:active? (= % 0)}) (range 0 10)) (map #(identity {:active? (= % 0)}) (range 0 10)) (range 0 10) (fn [& args] (print args)) (fn [& args] (print args))]]])))
 
 (defn get-chapters-scene [activity-indicator]
   (fn chapters-scene []

(defn back-icon [{:keys [style]}]
  [ui/image {:source back-icon-source :style style}])

(defn serial-item [style number last-number item on-change]
  [ui/touchable-opacity {:style    {:justify-content  "center"
                                    :align-items      "center"
                                    :padding-left     10
                                    :padding-right    10
                                    :margin-right     (when (not= (dec last-number) number)
                                                        25)
                                    :background-color "transparent"}
                         :on-press #(on-change number item)}
   [ui/text {:style (-> style
                        (merge {:font-size 25}))}
    (inc number)]])

(defn serial-item-bar [seasons-list on-change]
  (let [last-number (count seasons-list)]
    [ui/view {:style {:height 64}}
     (into [ui/scroll-view {:horizontal                     true
                            :showsHorizontalScrollIndicator false
                            :content-container-style        {:flex          1
                                                             :align-items   "stretch"
                                                             :padding-left  15
                                                             :padding-right 15}}]
           (map-indexed
             (fn [index item] (if (:active? item)
                                [serial-item
                                 {:color "rgb(72, 86, 155)"}
                                 index
                                 last-number
                                 item
                                 on-change]
                                [serial-item
                                 {:color "white"}
                                 index
                                 last-number
                                 item
                                 on-change]))
             seasons-list))]))

(defn serials-items-bar-creator [blur-view]

      [serial-item-bar chapters-list on-change-chapter]
      [ui/view {:style {:border-bottom-width 1
                        :border-bottom-color "rgb(155,155,155)"}}]]
     [blur-view {:style     {:flex             1
                             :background-color "transparent"}
                 :blur-type "dark"}]]))


