github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-08-01 19:06:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

♻️ Migrate onboarding team-choice to modern component syntax (#9463)

Browse Source 
Co-authored-by: Andrey Antukh <niwi@niwi.nz>
This commit is contained in:
Dexterity 2026-06-10 04:51:35 -04:00 committed by GitHub
parent 7fd4e35203
commit 32d974aa3e
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 11 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -27,7 +27,7 @@
[app.main.ui.nitrate.entry :as nitrate-entry] [app.main.ui.nitrate.entry :as nitrate-entry]
[app.main.ui.notifications :as notifications] [app.main.ui.notifications :as notifications]
[app.main.ui.onboarding.questions :refer [questions-modal]] [app.main.ui.onboarding.questions :refer [questions-modal]]
[app.main.ui.onboarding.team-choice :refer [onboarding-team-modal]] [app.main.ui.onboarding.team-choice :refer [onboarding-team-modal*]]
[app.main.ui.releases :refer [release-notes-modal]] [app.main.ui.releases :refer [release-notes-modal]]
[app.main.ui.static :as static] [app.main.ui.static :as static]
[app.util.dom :as dom] [app.util.dom :as dom]
@ -238,14 +238,14 @@
#_[:& app.main.ui.releases/release-notes-modal {:version "2.5"}] #_[:& app.main.ui.releases/release-notes-modal {:version "2.5"}]
#_[:& app.main.ui.onboarding/onboarding-templates-modal] #_[:& app.main.ui.onboarding/onboarding-templates-modal]
#_[:& app.main.ui.onboarding/onboarding-modal] #_[:& app.main.ui.onboarding/onboarding-modal]
#_[:& app.main.ui.onboarding.team-choice/onboarding-team-modal] #_[:> app.main.ui.onboarding.team-choice/onboarding-team-modal*]
(cond (cond
show-question-modal? show-question-modal?
[:& questions-modal] [:& questions-modal]
show-team-modal? show-team-modal?
[:& onboarding-team-modal {:go-to-team true}] [:> onboarding-team-modal* {:go-to-team true}]
show-release-modal? show-release-modal?
[:& release-notes-modal {:version (:main cf/version)}]) [:& release-notes-modal {:version (:main cf/version)}])
@ -272,7 +272,7 @@
[:& questions-modal] [:& questions-modal]
show-team-modal? show-team-modal?
[:& onboarding-team-modal {:go-to-team false}] [:> onboarding-team-modal* {:go-to-team false}]
show-release-modal? show-release-modal?
[:& release-notes-modal {:version (:main cf/version)}])) [:& release-notes-modal {:version (:main cf/version)}]))

17
frontend/src/app/main/ui/onboarding/team_choice.cljs
View File

@ -20,9 +20,8 @@
[app.util.i18n :as i18n :refer [tr]] [app.util.i18n :as i18n :refer [tr]]
[rumext.v2 :as mf])) [rumext.v2 :as mf]))
(mf/defc left-sidebar (mf/defc left-sidebar*
{::mf/props :obj {::mf/private true}
::mf/private true}
[] []
[:div {:class (stl/css :modal-left)} [:div {:class (stl/css :modal-left)}
[:h2 {:class (stl/css :modal-subtitle)} [:h2 {:class (stl/css :modal-subtitle)}
@ -63,9 +62,8 @@
[:role :keyword] [:role :keyword]
[:emails {:optional true} [::sm/set ::sm/email]]]) [:emails {:optional true} [::sm/set ::sm/email]]])
(mf/defc team-form (mf/defc team-form*
{::mf/props :obj {::mf/private true}
::mf/private true}
[{:keys [go-to-team]}] [{:keys [go-to-team]}]
(let [initial (mf/with-memo [] (let [initial (mf/with-memo []
{:role "editor"}) {:role "editor"})
@ -228,8 +226,7 @@
:on-click on-skip} :on-click on-skip}
(tr "onboarding.choice.team-up.continue-without-a-team")]]]]])) (tr "onboarding.choice.team-up.continue-without-a-team")]]]]]))
(mf/defc onboarding-team-modal (mf/defc onboarding-team-modal*
{::mf/props :obj}
[{:keys [go-to-team]}] [{:keys [go-to-team]}]
[:div {:class (stl/css-case [:div {:class (stl/css-case
@ -239,7 +236,7 @@
[:h1 {:class (stl/css :modal-title)} [:h1 {:class (stl/css :modal-title)}
(tr "onboarding-v2.welcome.title")] (tr "onboarding-v2.welcome.title")]
[:div {:class (stl/css :modal-sections)} [:div {:class (stl/css :modal-sections)}
[:& left-sidebar] [:> left-sidebar*]
[:div {:class (stl/css :separator)}] [:div {:class (stl/css :separator)}]
[:& team-form {:go-to-team go-to-team}]]]]) [:> team-form* {:go-to-team go-to-team}]]]])