diff --git a/frontend/src/app/main/ui/workspace/libraries.cljs b/frontend/src/app/main/ui/workspace/libraries.cljs index 0eaca99b4..26ae8ca01 100644 --- a/frontend/src/app/main/ui/workspace/libraries.cljs +++ b/frontend/src/app/main/ui/workspace/libraries.cljs @@ -14,6 +14,7 @@ [app.common.types.file :as ctf] [app.common.types.typographies-list :as ctyl] [app.common.uuid :as uuid] + [app.config :as cf] [app.main.data.modal :as modal] [app.main.data.users :as du] [app.main.data.workspace.colors :as mdc] @@ -293,7 +294,14 @@ [:* [:span {:class (stl/css :empty-state-icon)} library-icon] - (tr "workspace.libraries.no-shared-libraries-available")] + (tr "workspace.libraries.no-shared-libraries-available") + (when (cf/external-feature-flag "templates-01" "test") + [:div {:class (stl/css :templates-info)} + (tr "workspace.libraries.more-templates") + [:a {:target "_blank" + :class (stl/css :templates-info-link) + :href "https://penpot.app/libraries-templates"} + (tr "workspace.libraries.more-templates-link")]])] :else (tr "workspace.libraries.no-matches-for" search-term))]))]])) diff --git a/frontend/src/app/main/ui/workspace/libraries.scss b/frontend/src/app/main/ui/workspace/libraries.scss index dd97685cb..7c04d7b30 100644 --- a/frontend/src/app/main/ui/workspace/libraries.scss +++ b/frontend/src/app/main/ui/workspace/libraries.scss @@ -323,3 +323,13 @@ @include headlineSmallTypography; padding: $s-0 $s-16; } + +.templates-info { + color: var(--color-accent-primary); +} + +.templates-info-link { + color: var(--color-accent-primary); + text-decoration: underline; + font-weight: $fw400; +} diff --git a/frontend/translations/en.po b/frontend/translations/en.po index 07a6ba7d3..5292f4297 100644 --- a/frontend/translations/en.po +++ b/frontend/translations/en.po @@ -4496,6 +4496,14 @@ msgstr "No matches found for “%s“" msgid "workspace.libraries.no-shared-libraries-available" msgstr "There are no Shared Libraries available" +#: src/app/main/ui/workspace/libraries.cljs:297 +msgid "workspace.libraries.more-templates" +msgstr "You can look for " + +#: src/app/main/ui/workspace/libraries.cljs:297 +msgid "workspace.libraries.more-templates-link" +msgstr "more templates in here" + #: src/app/main/ui/workspace/libraries.cljs:260 msgid "workspace.libraries.search-shared-libraries" msgstr "Search shared libraries" diff --git a/frontend/translations/es.po b/frontend/translations/es.po index ef9a8e754..f52994e74 100644 --- a/frontend/translations/es.po +++ b/frontend/translations/es.po @@ -4472,6 +4472,14 @@ msgstr "No se encuentra “%s“" msgid "workspace.libraries.no-shared-libraries-available" msgstr "No hay bibliotecas compartidas disponibles" +#: src/app/main/ui/workspace/libraries.cljs:297 +msgid "workspace.libraries.more-templates" +msgstr "Puedes buscar " + +#: src/app/main/ui/workspace/libraries.cljs:297 +msgid "workspace.libraries.more-templates-link" +msgstr "más plantillas aquí" + #: src/app/main/ui/workspace/libraries.cljs:260 msgid "workspace.libraries.search-shared-libraries" msgstr "Buscar bibliotecas compartidas"