diff --git a/frontend/resources/images/thumbnails/template-ant-design.jpg b/frontend/resources/images/thumbnails/template-ant-design.jpg new file mode 100644 index 000000000..504977ded Binary files /dev/null and b/frontend/resources/images/thumbnails/template-ant-design.jpg differ diff --git a/frontend/resources/images/thumbnails/template-circum-icons.jpg b/frontend/resources/images/thumbnails/template-circum-icons.jpg new file mode 100644 index 000000000..ecf2ed271 Binary files /dev/null and b/frontend/resources/images/thumbnails/template-circum-icons.jpg differ diff --git a/frontend/resources/images/thumbnails/template-cocomaterial.jpg b/frontend/resources/images/thumbnails/template-cocomaterial.jpg new file mode 100644 index 000000000..762d28f78 Binary files /dev/null and b/frontend/resources/images/thumbnails/template-cocomaterial.jpg differ diff --git a/frontend/resources/images/thumbnails/template-coreui.jpg b/frontend/resources/images/thumbnails/template-coreui.jpg new file mode 100644 index 000000000..794f5aa98 Binary files /dev/null and b/frontend/resources/images/thumbnails/template-coreui.jpg differ diff --git a/frontend/resources/images/thumbnails/template-material-design-3.jpg b/frontend/resources/images/thumbnails/template-material-design-3.jpg new file mode 100644 index 000000000..8c938579f Binary files /dev/null and b/frontend/resources/images/thumbnails/template-material-design-3.jpg differ diff --git a/frontend/resources/images/thumbnails/template-penpot-design-system.jpg b/frontend/resources/images/thumbnails/template-penpot-design-system.jpg new file mode 100644 index 000000000..0b2db57f4 Binary files /dev/null and b/frontend/resources/images/thumbnails/template-penpot-design-system.jpg differ diff --git a/frontend/resources/images/thumbnails/template-tutorial-for-beginners.jpg b/frontend/resources/images/thumbnails/template-tutorial-for-beginners.jpg new file mode 100644 index 000000000..44e64bfa9 Binary files /dev/null and b/frontend/resources/images/thumbnails/template-tutorial-for-beginners.jpg differ diff --git a/frontend/resources/images/thumbnails/template-whiteboarding-kit.jpg b/frontend/resources/images/thumbnails/template-whiteboarding-kit.jpg new file mode 100644 index 000000000..ea2e06303 Binary files /dev/null and b/frontend/resources/images/thumbnails/template-whiteboarding-kit.jpg differ diff --git a/frontend/resources/images/thumbnails/template-wireframing-kit.jpg b/frontend/resources/images/thumbnails/template-wireframing-kit.jpg new file mode 100644 index 000000000..088567b1f Binary files /dev/null and b/frontend/resources/images/thumbnails/template-wireframing-kit.jpg differ diff --git a/frontend/src/app/main/ui/dashboard/templates.cljs b/frontend/src/app/main/ui/dashboard/templates.cljs index 0dc49101c..9357faa8d 100644 --- a/frontend/src/app/main/ui/dashboard/templates.cljs +++ b/frontend/src/app/main/ui/dashboard/templates.cljs @@ -8,6 +8,7 @@ (:require [app.common.data.macros :as dm] [app.common.math :as mth] + [app.config :as cf] [app.main.data.dashboard :as dd] [app.main.data.events :as ev] [app.main.data.modal :as modal] @@ -82,7 +83,8 @@ (mf/defc card-item {::mf/wrap-props false} [{:keys [item index is-visible collapsed on-import]}] - (let [id (dm/str "card-container-" index) + (let [id (dm/str "card-container-" index) + thb (assoc cf/public-uri :path (dm/str "/images/thumbnails/template-" (:id item) ".jpg")) on-click (mf/use-fn @@ -106,7 +108,7 @@ :on-key-down on-key-down} [:div.template-card [:div.img-container - [:img {:src (:thumbnail-uri item) + [:img {:src (dm/str thb) :alt (:name item)}]] [:div.card-name [:span (:name item)] [:span.icon i/download]]]]))