blob: 6edc1ce87258e8000a763a9454a877f2da99e5af (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
|
(ns tubo.bookmarks.modals
(:require
[reagent.core :as r]
[re-frame.core :as rf]
[reitit.frontend.easy :as rfe]
[tubo.components.layout :as layout]
[tubo.modals.views :as modals]))
(defn bookmark-item
[{:keys [items id name] :as bookmark} item]
[:div.flex.w-full.h-24.rounded.px-2.cursor-pointer.hover:bg-gray-100.dark:hover:bg-stone-800
{:on-click #(rf/dispatch [(if (vector? item) :bookmark/add-n :bookmark/add) bookmark item])}
[:div.w-24
[layout/thumbnail (-> items first :thumbnail-url) nil name nil
:classes [:h-24 :py-2] :rounded? true]]
[:div.flex.flex-col.py-4.px-4
[:h1.line-clamp-1.font-bold {:title name} name]
[:span.text-sm (str (count items) " streams")]]])
(defn add-bookmark
[item]
(let [!bookmark-name (r/atom "")]
(fn []
[modals/modal-content "Create New Playlist?"
[layout/text-input "Title" :text-input @!bookmark-name
#(reset! !bookmark-name (.. % -target -value)) "Playlist name"]
[layout/secondary-button "Back"
#(rf/dispatch [:modals/close])]
[layout/primary-button "Create Playlist"
#(rf/dispatch [:bookmarks/add {:name @!bookmark-name} item true])
[:i.fa-solid.fa-plus]]])))
(defn add-to-bookmark
[item]
(let [bookmarks @(rf/subscribe [:bookmarks])]
[modals/modal-content "Add to Playlist"
[:div.flex-auto
[:div.flex.justify-center.items-center.pb-4
[layout/primary-button "Create New Playlist"
#(rf/dispatch [:modals/open [add-bookmark item]])
[:i.fa-solid.fa-plus]]]
[:div.flex.flex-col.gap-y-2.pr-2
(for [[i bookmark] (map-indexed vector bookmarks)]
^{:key i} [bookmark-item bookmark item])]]]))
|
