aboutsummaryrefslogtreecommitdiff
path: root/src/frontend/tau/components/comments.cljs
diff options
context:
space:
mode:
authorMiguel Ángel Moreno <mail@migalmoreno.com>2023-01-17 13:17:40 +0100
committerMiguel Ángel Moreno <mail@migalmoreno.com>2023-01-17 13:17:40 +0100
commit81f03c0b449bec1fa60cf2936bfc3f66a5ad58c1 (patch)
treea2a7aa01f61dd71b511dd3729a9f4b28c35b531f /src/frontend/tau/components/comments.cljs
parent5e995881dd0c431ae63b1a50c2d03e59962241f1 (diff)
chore: Rename project
Diffstat (limited to 'src/frontend/tau/components/comments.cljs')
-rw-r--r--src/frontend/tau/components/comments.cljs77
1 files changed, 0 insertions, 77 deletions
diff --git a/src/frontend/tau/components/comments.cljs b/src/frontend/tau/components/comments.cljs
deleted file mode 100644
index bfbf822..0000000
--- a/src/frontend/tau/components/comments.cljs
+++ /dev/null
@@ -1,77 +0,0 @@
-(ns tau.components.comments
- (:require
- [re-frame.core :as rf]
- [reitit.frontend.easy :as rfe]
- [tau.components.loading :as loading]
- [tau.events :as events]
- [tau.util :as util]))
-
-(defn comment-item
- [{:keys [id text uploader-name uploader-avatar uploader-url stream-position
- upload-date uploader-verified? like-count hearted-by-uploader?
- pinned? replies reply-count key show-replies author-name author-avatar]}]
- [:div.flex.my-4 {:key key}
- (when uploader-avatar
- [:div.flex.items-center.py-3.box-border.h-12
- (when uploader-url
- [:div.w-12
- [:a {:href (rfe/href :tau.routes/channel nil {:url uploader-url}) :title uploader-name}
- [:img.rounded-full.object-cover.min-w-full.min-h-full {:src uploader-avatar}]]])])
- [:div.ml-4
- [:div.flex.items-center
- (when pinned?
- [:i.fa-solid.fa-thumbtack.mr-2.text-xs])
- (when uploader-name
- [:div.flex.items-center
- [:a {:href (rfe/href :tau.routes/channel nil {:url uploader-url}) :title uploader-name}
- [:h1.text-gray-300.font-bold uploader-name]]
- (when stream-position
- [:p.mx-1.text-xs (str "at " (util/format-duration stream-position))])])
- (when uploader-verified?
- [:i.fa-solid.fa-circle-check.ml-2])]
- [:div.my-2
- [:p text]]
- [:div..flex.items-center.my-2
- [:div.mr-4
- [:p (util/format-date upload-date)]]
- (when (and like-count (> like-count 0))
- [:div.flex.items-center.my-2
- [:i.fa-solid.fa-thumbs-up.text-xs]
- [:p.mx-1 like-count]])
- (when hearted-by-uploader?
- [:div.relative.w-4.h-4.mx-2
- [:i.fa-solid.fa-heart.absolute.-bottom-1.-right-1.text-xs.text-red-500]
- [:img.rounded-full.object-covermax-w-full.min-h-full
- {:src author-avatar :title (str author-name " hearted this comment")}]])]
- [:div.flex.items-center.cursor-pointer
- {:on-click #(rf/dispatch [::events/toggle-comment-replies id])}
- (when replies
- (if show-replies
- [:<>
- [:p.font-bold "Hide replies"]
- [:i.fa-solid.fa-turn-up.mx-2.text-xs]]
- [:<>
- [:p.font-bold (str reply-count (if (= reply-count 1) " reply" " replies"))]
- [:i.fa-solid.fa-turn-down.mx-2.text-xs]]))]]])
-
-(defn comments
- [{:keys [comments next-page disabled?]} author-name author-avatar url]
- (let [pagination-loading? @(rf/subscribe [:show-pagination-loading])
- service-color @(rf/subscribe [:service-color])]
- [:div.flex.flex-col
- [:div
- (for [[i {:keys [replies show-replies] :as comment}] (map-indexed vector comments)]
- [:div.flex.flex-col {:key i}
- [comment-item (assoc comment :key i :author-name author-name :author-avatar author-avatar)]
- (when (and replies show-replies)
- [:div {:style {:marginLeft "32px"}}
- (for [[i reply] (map-indexed vector (:items replies))]
- [comment-item (assoc reply :key i :author-name author-name :author-avatar author-avatar)])])])]
- (when (:url next-page)
- (if pagination-loading?
- (loading/loading-icon service-color)
- [:div.flex.items-center.justify-center
- {:style {:cursor "pointer"}
- :on-click #(rf/dispatch [::events/comments-pagination url (:url next-page)])}
- [:i.fa-solid.fa-plus]
- [:p.px-2 "Show more comments"]]))]))