github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-04-25 11:18:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

✨ Add nitrate subscription expected cancel date

Browse Source
This commit is contained in:
Marina López 2026-04-15 11:10:23 +02:00
parent f5591ed22e
commit c10f945473
2 changed files with 21 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -29,6 +29,7 @@
[{:keys [card-title
card-title-icon
price-value price-period
cancel-at
benefits-title benefits
cta-text
cta-link
@ -57,7 +58,10 @@
(when (and price-value price-period)
[:div {:class (stl/css :plan-price)}
[:span {:class (stl/css :plan-price-value)} price-value]
[:span {:class (stl/css :plan-price-period)} " / " price-period]])]
[:span {:class (stl/css :plan-price-period)} " / " price-period]])
(when cancel-at
[:div {:class (stl/css :plan-cancel)}
[:span {:class (stl/css :plan-cancel-date)} cancel-at]])]
(when benefits-title [:h5 {:class (stl/css :benefits-title)} benefits-title])
[:ul {:class (stl/css :benefits-list)}
(for [benefit benefits]
@ -511,6 +515,8 @@
;; TODO add translations for this texts when we have the definitive ones
[:> plan-card* {:card-title "Business Nitrate"
:card-title-icon i/character-b
:cancel-at (when (:cancel-at nitrate-license)
(dm/str "Active until " (ct/format-inst (:cancel-at nitrate-license) "d MMMM, yyyy")))
:benefits-title "Loren ipsum",
:benefits ["Loren ipsum",
"Loren ipsum",

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

@ -137,6 +137,20 @@
color: var(--color-foreground-primary);
}
.plan-cancel {
align-items: center;
background-color: var(--color-background-secondary);
border-radius: var(--sp-xs);
display: flex;
padding-inline: var(--sp-s);
}
.plan-cancel-date {
@include t.use-typography("body-medium");
color: var(--color-foreground-primary);
}
.benefits-list {
margin-block: 0;
}