diff options
author | Miguel Ángel Moreno <mail@migalmoreno.com> | 2022-12-29 23:03:32 +0100 |
---|---|---|
committer | Miguel Ángel Moreno <mail@migalmoreno.com> | 2022-12-29 23:03:32 +0100 |
commit | fce327a72558b41ce6a7303b38c804bfada694a1 (patch) | |
tree | 29b641622a2de287c09efd0f43655ae8926162c3 /src/frontend/tau/views/playlist.cljs | |
parent | 8c46de38348c421c0c9f102d604fcfc18807c0bb (diff) |
feat(frontend): Modularize related streams and add responsive styles
Diffstat (limited to 'src/frontend/tau/views/playlist.cljs')
-rw-r--r-- | src/frontend/tau/views/playlist.cljs | 12 |
1 files changed, 2 insertions, 10 deletions
diff --git a/src/frontend/tau/views/playlist.cljs b/src/frontend/tau/views/playlist.cljs index 48f18e4..e50158a 100644 --- a/src/frontend/tau/views/playlist.cljs +++ b/src/frontend/tau/views/playlist.cljs @@ -15,7 +15,6 @@ next-page-url (:url next-page) service-color @(rf/subscribe [:service-color]) page-loading? @(rf/subscribe [:show-page-loading]) - pagination-loading? @(rf/subscribe [:show-pagination-loading]) page-scroll @(rf/subscribe [:page-scroll]) scrolled-to-bottom? (= page-scroll (.-scrollHeight js/document.body))] (when scrolled-to-bottom? @@ -23,7 +22,7 @@ [:div.flex.flex-col.items-center.px-5.pt-4.flex-auto (if page-loading? [loading/page-loading-icon service-color] - [:div.flex.flex-col.flex-auto + [:div.flex.flex-col.flex-auto.w-full {:class "lg:w-4/5"} [navigation/back-button service-color] (when banner-url [:div @@ -38,11 +37,4 @@ [:a {:href (rfe/href :tau.routes/channel nil {:url uploader-url}) :title uploader-name} [:img.rounded-full.object-cover.min-h-full.min-w-full {:src uploader-avatar :alt uploader-name}]]]]] [:p.pt-4 (str stream-count " streams")]]] - (if (empty? related-streams) - [:div.flex.flex-auto.justify-center.items-center - [:p.text-2xl "No streams available"]] - [:div.flex.justify-center.align-center.flex-wrap.my-2 - (for [[i result] (map-indexed vector related-streams)] - [items/stream-item (assoc result :key i)]) - (when-not (empty? next-page-url) - [loading/items-pagination-loading-icon service-color pagination-loading?])])])])) + [items/related-streams related-streams next-page-url]])])) |