diff options
Diffstat (limited to 'src/frontend/tubo/views/kiosk.cljs')
| -rw-r--r-- | src/frontend/tubo/views/kiosk.cljs | 15 |
1 files changed, 5 insertions, 10 deletions
diff --git a/src/frontend/tubo/views/kiosk.cljs b/src/frontend/tubo/views/kiosk.cljs index 884cf27..e3bf812 100644 --- a/src/frontend/tubo/views/kiosk.cljs +++ b/src/frontend/tubo/views/kiosk.cljs @@ -2,8 +2,8 @@ (:require [re-frame.core :as rf] [tubo.components.items :as items] + [tubo.components.layout :as layout] [tubo.components.loading :as loading] - [tubo.components.navigation :as navigation] [tubo.events :as events])) (defn kiosk @@ -11,15 +11,10 @@ (let [{:keys [id url related-streams next-page]} @(rf/subscribe [:kiosk]) next-page-url (:url next-page) service-color @(rf/subscribe [:service-color]) - page-loading? @(rf/subscribe [:show-page-loading]) scrolled-to-bottom? @(rf/subscribe [:scrolled-to-bottom])] (when scrolled-to-bottom? (rf/dispatch [::events/kiosk-pagination serviceId id next-page-url])) - [:div.flex.flex-col.items-center.px-5.py-2.flex-auto - (if page-loading? - [loading/loading-icon service-color "text-5xl"] - [:div.flex.flex-col.flex-auto.w-full {:class "lg:w-4/5 xl:w-3/5"} - [:div.flex.justify-center.items-center.my-4.mx-2 - [:div.m-4 - [:h1.text-2xl id]]] - [items/related-streams related-streams next-page-url]])])) + [layout/content-container + [:div.flex.items-center.mt-6.mx-2 + [:h1.text-3xl.font-nunito-semibold id]] + [items/related-streams related-streams next-page-url]])) |