Merge pull request #2703 from penpot/palba-add-loading-icon-shared-libraries

🐛 Fix missing loading icon on shared libraries

CHANGES.md

@@ -30,6 +30,7 @@
 - Fix display type of component library not persistent [Taiga #4512](https://tree.taiga.io/project/penpot/issue/4512)
 - Fix problem when moving texts with keyboard [#2690](https://github.com/penpot/penpot/issues/2690)
 - Fix problem when drawing boxes won't detect mouse-up [Taiga #4618](https://tree.taiga.io/project/penpot/issue/4618)
+- Fix missing loading icon on shared libraries [Taiga #4148](https://tree.taiga.io/project/penpot/issue/4148)
 
 ### :arrow_up: Deps updates
 

frontend/resources/styles/main/partials/modal.scss

@@ -736,6 +736,13 @@
         width: 50px;
         margin-bottom: $size-4;
       }
+
+      & svg#loader-pencil {
+        fill: $color-gray-20;
+        height: 75px;
+        width: 75px;
+        margin-bottom: $size-4;
+      }
     }
 
     .libraries-search {

frontend/src/app/main/ui/workspace/libraries.cljs

@@ -146,11 +146,14 @@
             [:input.item-button {:type "button"
                                  :value (tr "workspace.libraries.add")
                                  :on-click #(link-library (:id file))}]])]
+
         [:div.section-list-empty
-         i/library
+         (if (nil? shared-files)
-         (if (str/empty? @search-term)
+           i/loader-pencil
-           (tr "workspace.libraries.no-shared-libraries-available")
+         [:* i/library
-           (tr "workspace.libraries.no-matches-for" @search-term))])]]))
+          (if (str/empty? @search-term)
+            (tr "workspace.libraries.no-shared-libraries-available")
+            (tr "workspace.libraries.no-matches-for" @search-term))])])]]))
 
 
 (mf/defc updates-tab