diff --git a/frontend/src/app/main/ui/dashboard/subscription.cljs b/frontend/src/app/main/ui/dashboard/subscription.cljs index 86dcba36fd..3cabfce3b4 100644 --- a/frontend/src/app/main/ui/dashboard/subscription.cljs +++ b/frontend/src/app/main/ui/dashboard/subscription.cljs @@ -177,11 +177,14 @@ nitrate-license (:subscription profile) subscription (-> profile :props :subscription) subscription-type (if nitrate? (:type nitrate-license) (get-subscription-type subscription)) - subscription-is-trial (= "trialing" (:status (if nitrate? nitrate-license subscription)))] + subscription-is-trial (= "trialing" (:status (if nitrate? nitrate-license subscription))) + go-to-subscription (mf/use-fn #(st/emit! (rt/nav :settings-subscription)))] [:div {:class (stl/css :nitrate-current-plan)} [:div {:class (stl/css :nitrate-current-plan-label)} (tr "subscription.current-plan.title")] - [:div {:class (stl/css :nitrate-current-plan-text)} + [:button {:class (stl/css :nitrate-current-plan-text) + :type "button" + :on-click go-to-subscription} (case subscription-type "professional" (tr "subscription.current-plan.professional") "unlimited" (if subscription-is-trial diff --git a/frontend/src/app/main/ui/dashboard/subscription.scss b/frontend/src/app/main/ui/dashboard/subscription.scss index b37cff4658..743120835f 100644 --- a/frontend/src/app/main/ui/dashboard/subscription.scss +++ b/frontend/src/app/main/ui/dashboard/subscription.scss @@ -254,7 +254,8 @@ .nitrate-current-plan { border-radius: var(--sp-s); - margin: var(--sp-m); + margin-block: var(--sp-s) var(--sp-m); + margin-inline: var(--sp-m); background: var(--color-background-tertiary); border: $b-1 solid var(--color-background-quaternary); padding: var(--sp-m) var(--sp-l); @@ -270,5 +271,9 @@ .nitrate-current-plan-text { @include t.use-typography("body-medium"); + background: none; + border: none; + padding: 0; + cursor: pointer; color: var(--color-foreground-primary); }