3pp-mirror/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-07-07 05:07:18 +02:00
Code Issues Projects Releases Packages Wiki Activity

✨ Add autosaved versions warning

Browse source
This commit is contained in:
alonso.torres 2024-12-05 13:15:46 +01:00
parent 553b9eb4bb
commit c68a0d3967
4 changed files with 48 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

14
frontend/src/app/main/ui/workspace/sidebar/versions.cljs
View file

@ -31,6 +31,8 @@
(def versions
(l/derived :workspace-versions st/state))
(def versions-stored-days 7)
(defn group-snapshots
[data]
(->> (concat
@ -388,4 +390,14 @@
:on-restore-snapshot handle-restore-version-snapshot
:on-pin-snapshot handle-pin-version}]
nil))])])]))
nil))])
[:div {:class (stl/css :autosave-warning)}
[:div {:class (stl/css :autosave-warning-text)}
(tr "workspace.versions.warning.text" versions-stored-days)]
[:div {:class (stl/css :autosave-warning-subtext)}
[:> i18n/tr-html*
{:tag-name "div"
:content (tr "workspace.versions.warning.subtext"
"mailto:support@penpot.app")}]]]])]))

21
frontend/src/app/main/ui/workspace/sidebar/versions.scss
View file

@ -230,3 +230,24 @@
.version-snapshot-menu-btn {
visibility: hidden;
}
.autosave-warning {
display: flex;
flex-direction: column;
gap: $s-8;
padding: $s-16;
}
.autosave-warning-text {
color: var(--color-foreground-primary);
font-size: $fs-12;
text-transform: uppercase;
}
.autosave-warning-subtext {
color: var(--color-foreground-secondary);
font-size: $fs-12;
a {
color: var(--color-accent-primary);
}
}