aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/tubo/views/channel.cljs
diff options
context:
space:
mode:
authorMiguel Ángel Moreno <mail@migalmoreno.com>2024-05-29 10:41:21 +0200
committerMiguel Ángel Moreno <mail@migalmoreno.com>2024-05-29 11:16:15 +0200
commitaf5351fdb5325db4aff75faa85a5bb97fe0d1364 (patch)
treea63ec85c4b94959462f0d6a575809a8bd268f8f9 /src/frontend/tubo/views/channel.cljs
parentce1fb72f0dcbf56c77e33bf59337fa662c8b5001 (diff)
refactor(frontend): modularize the app into standalone panels
Diffstat (limited to 'src/frontend/tubo/views/channel.cljs')
-rw-r--r--src/frontend/tubo/views/channel.cljs47
1 files changed, 0 insertions, 47 deletions
diff --git a/src/frontend/tubo/views/channel.cljs b/src/frontend/tubo/views/channel.cljs
deleted file mode 100644
index 3b99b52..0000000
--- a/src/frontend/tubo/views/channel.cljs
+++ /dev/null
@@ -1,47 +0,0 @@
-(ns tubo.views.channel
- (:require
- [reagent.core :as r]
- [re-frame.core :as rf]
- [tubo.components.items :as items]
- [tubo.components.layout :as layout]
- [tubo.components.modals.bookmarks :as bookmarks]
- [tubo.events :as events]))
-
-(defn channel
- [query-params]
- (let [!menu-active? (r/atom nil)]
- (fn [query-params]
- (let [!show-description? (r/atom false)]
- (fn [{{:keys [url]} :query-params}]
- (let [{:keys [banner avatar name description subscriber-count related-streams next-page]
- :as channel} @(rf/subscribe [:channel])
- next-page-url (:url next-page)
- service-color @(rf/subscribe [:service-color])
- scrolled-to-bottom? @(rf/subscribe [:scrolled-to-bottom])]
- (when scrolled-to-bottom?
- (rf/dispatch [::events/channel-pagination url next-page-url]))
- [layout/content-container
- (when banner
- [:div.flex.justify-center.h-24
- [:img.min-w-full.min-h-full.object-cover.rounded {:src banner}]])
- [:div.flex.items-center.justify-between
- [:div.flex.items-center.my-4.mx-2
- [layout/uploader-avatar avatar name]
- [:div.m-4
- [:h1.text-2xl.line-clamp-1.font-semibold {:title name} name]
- (when subscriber-count
- [:div.flex.my-2.items-center
- [:i.fa-solid.fa-users.text-xs]
- [:span.mx-2 (.toLocaleString subscriber-count)]])]]
- (when related-streams
- [layout/popover-menu !menu-active?
- [{:label "Add to queue"
- :icon [:i.fa-solid.fa-headphones]
- :on-click #(rf/dispatch [::events/enqueue-related-streams related-streams])}
- {:label "Add to playlist"
- :icon [:i.fa-solid.fa-plus]
- :on-click #(rf/dispatch [::events/add-bookmark-list-modal
- [bookmarks/add-to-bookmark-list-modal related-streams]])}]])]
- [layout/show-more-container @!show-description? description
- #(reset! !show-description? (not @!show-description?))]
- [items/related-streams related-streams next-page-url]]))))))