johanels/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-12-12 06:24:17 +01:00
Code Issues Actions 9 Packages Projects Releases Wiki Activity

✨ Display the total price of the subscription and the cap amount (#7088)

Browse Source
This commit is contained in:
Marina López
2025-08-11 09:07:24 +02:00
committed by GitHub
parent 288a7b21d6
commit 0131cd6f8b
4 changed files with 30 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
frontend/src/app/main/ui/settings/subscription.cljs
View File

@@ -150,7 +150,16 @@
:class (stl/css :input-field)}]] :class (stl/css :input-field)}]]
[:div {:class (stl/css :editors-cost)} [:div {:class (stl/css :editors-cost)}
[:span {:class (stl/css :modal-text-small)} [:span {:class (stl/css :modal-text-small)}
(tr "subscription.settings.management.dialog.price-month" (or (get-in @form [:clean-data :min-members]) 0))] (when (> (get-in @form [:clean-data :min-members]) 25)
[:> i18n/tr-html*
{:class (stl/css :modal-text-cap)
:tag-name "span"
:content (tr "subscription.settings.management.dialog.price-month" "175")}])
[:> i18n/tr-html*
{:class (stl/css-case :text-strikethrough (> (get-in @form [:clean-data :min-members]) 25))
:tag-name "span"
:content (tr "subscription.settings.management.dialog.price-month"
(* 7 (or (get-in @form [:clean-data :min-members]) 0)))}]]
[:span {:class (stl/css :modal-text-small)} [:span {:class (stl/css :modal-text-small)}
(tr "subscription.settings.management.dialog.payment-explanation")]]] (tr "subscription.settings.management.dialog.payment-explanation")]]]

14
frontend/src/app/main/ui/settings/subscription.scss
View File

@@ -199,6 +199,20 @@
@include t.use-typography("body-small"); @include t.use-typography("body-small");
} }
.modal-text-cap {
margin-inline-end: var(--sp-s);
}
.text-strikethrough {
text-decoration: line-through;
}
.modal-text-small strong,
.text-strikethrough strong,
.modal-text-cap strong {
font-weight: $fw700;
}
.modal-content, .modal-content,
.modal-end { .modal-end {
color: var(--color-foreground-secondary); color: var(--color-foreground-secondary);

4
frontend/translations/en.po
View File

@@ -4441,8 +4441,10 @@ msgid "subscription.settings.management.dialog.payment-explanation"
msgstr "(No payment will be made now)" msgstr "(No payment will be made now)"
#: src/app/main/ui/settings/subscription.cljs:124 #: src/app/main/ui/settings/subscription.cljs:124
#, markdown
msgid "subscription.settings.management.dialog.price-month" msgid "subscription.settings.management.dialog.price-month"
msgstr "$7 per editor/month x %s" msgstr ""
"**$%s** per month"
#: src/app/main/ui/settings/subscription.cljs:112 #: src/app/main/ui/settings/subscription.cljs:112
msgid "subscription.settings.management.dialog.select-editors" msgid "subscription.settings.management.dialog.select-editors"

4
frontend/translations/es.po
View File

@@ -4474,8 +4474,10 @@ msgid "subscription.settings.management.dialog.payment-explanation"
msgstr "(Ahora no se efectuará ningún pago)" msgstr "(Ahora no se efectuará ningún pago)"
#: src/app/main/ui/settings/subscription.cljs:124 #: src/app/main/ui/settings/subscription.cljs:124
#, markdown
msgid "subscription.settings.management.dialog.price-month" msgid "subscription.settings.management.dialog.price-month"
msgstr "$7 por editor/mes x %s" msgstr ""
"**$%s** por mes"
#: src/app/main/ui/settings/subscription.cljs:112 #: src/app/main/ui/settings/subscription.cljs:112
msgid "subscription.settings.management.dialog.select-editors" msgid "subscription.settings.management.dialog.select-editors"