3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-08-06 14:38:27 +02:00
Code Issues Projects Releases Packages Wiki Activity

💄 Minor cosmetic changes on fonts loading code

Browse source
This commit is contained in:
Andrey Antukh 2022-07-12 08:15:52 +02:00 • committed by Alonso Torres
parent 18ca2aca15
commit 05c8ad8bf9
3 changed files with 22 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

32
frontend/src/app/main/ui/dashboard/grid.cljs
View file

@ -33,33 +33,23 @@
;; --- Grid Item Thumbnail
(def ^:const CACHE-NAME "penpot")
(def ^:const CACHE-URL "https://penpot.app/cache/")
(defn use-thumbnail-cache
(defn ask-for-thumbnail
"Creates some hooks to handle the files thumbnails cache"
[file]
(mf/use-fn
(mf/deps (:id file) (:revn file))
(fn []
(wrk/ask! {:cmd :thumbnails/generate
:revn (:revn file)
:file-id (:id file)}))))
(wrk/ask! {:cmd :thumbnails/generate
:revn (:revn file)
:file-id (:id file)}))
(mf/defc grid-item-thumbnail
{::mf/wrap [mf/memo]}
[{:keys [file] :as props}]
(let [container (mf/use-ref)
generate (use-thumbnail-cache file)]
(mf/use-effect
(mf/deps file)
(fn []
(->> (generate)
(rx/subs (fn [{:keys [data fonts] :as params}]
(run! fonts/ensure-loaded! fonts)
(when-let [node (mf/ref-val container)]
(dom/set-html! node data)))))))
(let [container (mf/use-ref)]
(mf/with-effect [file]
(->> (ask-for-thumbnail file)
(rx/subs (fn [{:keys [data fonts] :as params}]
(run! fonts/ensure-loaded! fonts)
(when-let [node (mf/ref-val container)]
(dom/set-html! node data))))))
[:div.grid-item-th {:style {:background-color (get-in file [:data :options :background])}
:ref container}