mirror of
https://github.com/penpot/penpot.git
synced 2025-01-09 16:30:37 -05:00
🎉 Show spinner while loading viewer file
This commit is contained in:
parent
b7d5960ec3
commit
3395fcb697
2 changed files with 10 additions and 2 deletions
|
@ -25,6 +25,12 @@
|
|||
}
|
||||
}
|
||||
|
||||
.viewer-loader {
|
||||
svg#loader-pencil {
|
||||
fill: $color-gray-50;
|
||||
}
|
||||
}
|
||||
|
||||
.viewer-section {
|
||||
height: calc(100vh - 48px);
|
||||
grid-row: 1 / span 2;
|
||||
|
|
|
@ -534,9 +534,11 @@
|
|||
(fn []
|
||||
(st/emit! (dv/finalize props)))))
|
||||
|
||||
(when-let [data (mf/deref refs/viewer-data)]
|
||||
(if-let [data (mf/deref refs/viewer-data)]
|
||||
(let [key (str (get-in data [:file :id]))]
|
||||
[:& viewer {:params props :data data :key key}])))
|
||||
[:& viewer {:params props :data data :key key}])
|
||||
[:div.loader-content.viewer-loader
|
||||
i/loader-pencil]))
|
||||
|
||||
(mf/defc breaking-change-notice
|
||||
[]
|
||||
|
|
Loading…
Reference in a new issue