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

🐛 Fix invitation badge colors

Browse source
This commit is contained in:
Eva Marco 2024-03-12 17:19:40 +01:00 • committed by Alonso Torres
parent a3bfeace73
commit 3bbf97fde9
9 changed files with 121 additions and 77 deletions
Download patch file Download diff file Expand all files Collapse all files

20
frontend/src/app/main/ui/dashboard/team.cljs
View file

@ -24,6 +24,7 @@
[app.main.ui.dashboard.change-owner]
[app.main.ui.dashboard.team-form]
[app.main.ui.icons :as i]
[app.main.ui.notifications.badge :refer [badge-notification]]
[app.main.ui.notifications.context-notification :refer [context-notification]]
[app.util.dom :as dom]
[app.util.i18n :as i18n :refer [tr]]
@ -551,19 +552,6 @@
:on-click on-change'}
(tr "labels.editor")]]]]))
(mf/defc invitation-status-badge
{::mf/wrap-props false}
[{:keys [status]}]
[:div
{:class (stl/css-case
:status-badge true
:badge-expired (= status :expired)
:badge-pending (= status :pending))}
[:span {:class (stl/css :status-label)}
(if (= status :expired)
(tr "labels.expired-invitation")
(tr "labels.pending-invitation"))]])
(mf/defc invitation-actions
{::mf/wrap-props false}
[{:keys [invitation team-id]}]
@ -668,6 +656,10 @@
email (:email invitation)
role (:role invitation)
status (if expired? :expired :pending)
type (if expired? :warning :default)
badge-content (if (= status :expired)
(tr "labels.expired-invitation")
(tr "labels.pending-invitation"))
on-change-role
(mf/use-fn
@ -688,7 +680,7 @@
:on-change on-change-role}]]
[:div {:class (stl/css :table-field :field-status)}
[:& invitation-status-badge {:status status}]]
[:& badge-notification {:type type :content badge-content}]]
[:div {:class (stl/css :table-field :field-actions)}
(when can-invite?