Merge pull request #2153 from penpot/eva-fix-shared-placeholder

⏪ Fix shared libraries placehoder

frontend/resources/styles/main/partials/dashboard-grid.scss

@@ -338,7 +338,27 @@
   background-color: rgba(227, 227, 227, 0.3);
   padding: 13px;
   margin-right: 13px;
-
+  &.libs {
+    background-image: url(/images/ph-left.svg), url(/images/ph-right.svg);
+    background-position: 15% bottom, 85% top;
+    background-repeat: no-repeat;
+    align-items: center;
+    border: 1px dashed #b1b2b5;
+    border-radius: 3px;
+    display: flex;
+    flex-direction: column;
+    height: 200px;
+    margin: 1rem;
+    padding: 3rem;
+    justify-content: center;
+    .text {
+      p {
+        max-width: 360px;
+        text-align: center;
+        font-size: $fs16;
+      }
+    }
+  }
   .create-new {
     background-color: white;
     border: 2px solid $color-gray-10;

frontend/src/app/main/ui/dashboard/grid.cljs

@@ -273,12 +273,12 @@
             :key (:id item)
             :navigate? true
             :origin origin}])]
-
        :else
        [:& empty-placeholder {:default? (:is-default project)
                               :on-create-clicked on-create-clicked
                               :project project
-                              :limit limit}])]))
+                              :limit limit
+                              :origin origin}])]))
 
 (mf/defc line-grid-row
   [{:keys [files selected-files dragging? limit] :as props}]

frontend/src/app/main/ui/dashboard/placeholder.cljs

@@ -11,13 +11,16 @@
    [rumext.alpha :as mf]))
 
 (mf/defc empty-placeholder
-  [{:keys [dragging? on-create-clicked project limit] :as props}]
+  [{:keys [dragging? on-create-clicked project limit origin] :as props}]
   (cond
     (true? dragging?)
     [:div.grid-row.no-wrap
      {:style {:grid-template-columns (str "repeat(" limit ", 1fr)")}}
      [:div.grid-item]]
-
+    (= :libraries origin) 
+    [:div.grid-empty-placeholder.libs {:data-test "empty-placeholder"}
+     [:div.text
+      [:& i18n/tr-html {:label "dashboard.empty-placeholder-drafts"}]]]
     :else
     [:div.grid-empty-placeholder
      {:style {:grid-template-columns (str "repeat(" limit ", 1fr)")}}

frontend/translations/es.po

@@ -277,6 +277,7 @@ msgid "dashboard.empty-files"
 msgstr "Todavía no hay ningún archivo aquí"
 
 #: src/app/main/ui/dashboard/grid.cljs
+#, markdown
 msgid "dashboard.empty-placeholder-drafts"
 msgstr ""
 "¡Oh, no! ¡Aún no tienes archivos! Si quieres probar con alguna plantilla ve "
@@ -378,6 +379,7 @@ msgid_plural "dashboard.fonts.fonts-added"
 msgstr[0] "1 fuente añadida"
 msgstr[1] "%s fuentes añadidas"
 
+#, markdown
 msgid "dashboard.fonts.hero-text1"
 msgstr ""
 "Cualquier fuente personalizada añadida aquí aparecerá en la lista de "
@@ -386,6 +388,7 @@ msgstr ""
 "como una **única familia de fuentes**. Se pueden cargar fuentes con los "
 "siguientes formatos: **TTF, OTF and WOFF** (con uno es suficiente)."
 
+#, markdown
 msgid "dashboard.fonts.hero-text2"
 msgstr ""
 "Sólo deberías cargar fuentes que te pertenecen o de las que tienes una "

frontend/translations/he.po

@@ -230,6 +230,7 @@ msgid "dashboard.empty-files"
 msgstr "עדיין אין לך כאן קבצים"
 
 #: src/app/main/ui/dashboard/grid.cljs
+#, markdown
 msgid "dashboard.empty-placeholder-drafts"
 msgstr ""
 "אבוי! עדיין אין לך קבצים! כדי להתנסות עם כמה מהתבניות ניתן לגשת אל [הספריות "

frontend/translations/tr.po

@@ -237,6 +237,7 @@ msgid "dashboard.empty-files"
 msgstr "Burada hiç dosyan yok"
 
 #: src/app/main/ui/dashboard/grid.cljs
+#, markdown
 msgid "dashboard.empty-placeholder-drafts"
 msgstr ""
 "Olamaz! Henüz dosyanız yok! Bazı şablonları denemek isterseniz "

frontend/translations/zh_Hant.po

@@ -227,18 +227,16 @@ msgid "dashboard.duplicate-multi"
 msgstr "複製 %s 個檔案"
 
 #: src/app/main/ui/dashboard/grid.cljs
-#, fuzzy
 msgid "dashboard.empty-files"
 msgstr "你在這裡還沒有文件"
 
 #: src/app/main/ui/dashboard/grid.cljs
-#, fuzzy, markdown
+#, markdown
 msgid "dashboard.empty-placeholder-drafts"
 msgstr ""
 "這裡還沒有文件，如果你想嘗試一些模板，你可以前往 [資料庫 & "
 "模板區段](https://penpot.app/libraries-templates.html)"
 
-#, fuzzy
 msgid "dashboard.export-frames"
 msgstr "將 artboards 匯出為 PDF..."
 
@@ -251,7 +249,6 @@ msgstr "匯出檔案"
 msgid "dashboard.export.detail"
 msgstr "* 可能會包含元件、圖像、顏色及／或文字編排。"
 
-#, fuzzy
 msgid "dashboard.export.explain"
 msgstr "你想匯出的單個或多個檔案中使用了共用資料庫，你想要如何處理它們的素材*？"