mirror of
https://github.com/penpot/penpot.git
synced 2026-05-12 19:43:48 +00:00
68 lines
2.1 KiB
Clojure
68 lines
2.1 KiB
Clojure
;; This Source Code Form is subject to the terms of the Mozilla Public
|
|
;; License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
;; file, You can obtain one at http://mozilla.org/MPL/2.0/.
|
|
;;
|
|
;; Copyright (c) KALEIDOS INC
|
|
|
|
(ns app.main.ui.settings
|
|
(:require-macros [app.main.style :as stl])
|
|
(:require
|
|
[app.main.data.dashboard.shortcuts :as sc]
|
|
[app.main.refs :as refs]
|
|
[app.main.store :as st]
|
|
[app.main.ui.hooks :as hooks]
|
|
[app.main.ui.settings.access-tokens :refer [access-tokens-page]]
|
|
[app.main.ui.settings.change-email]
|
|
[app.main.ui.settings.delete-account]
|
|
[app.main.ui.settings.feedback :refer [feedback-page]]
|
|
[app.main.ui.settings.options :refer [options-page]]
|
|
[app.main.ui.settings.password :refer [password-page]]
|
|
[app.main.ui.settings.profile :refer [profile-page]]
|
|
[app.main.ui.settings.sidebar :refer [sidebar]]
|
|
[app.util.i18n :as i18n :refer [tr]]
|
|
[app.util.router :as rt]
|
|
[rumext.v2 :as mf]))
|
|
|
|
(mf/defc header
|
|
{::mf/wrap [mf/memo]}
|
|
[]
|
|
[:header {:class (stl/css :dashboard-header)}
|
|
[:div {:class (stl/css :dashboard-title)}
|
|
[:h1 {:data-test "account-title"} (tr "dashboard.your-account-title")]]])
|
|
|
|
(mf/defc settings
|
|
[{:keys [route] :as props}]
|
|
(let [section (get-in route [:data :name])
|
|
profile (mf/deref refs/profile)
|
|
locale (mf/deref i18n/locale)]
|
|
|
|
(hooks/use-shortcuts ::dashboard sc/shortcuts)
|
|
|
|
(mf/use-effect
|
|
#(when (nil? profile)
|
|
(st/emit! (rt/nav :auth-login))))
|
|
|
|
[:section {:class (stl/css :dashboard-layout-refactor :dashboard)}
|
|
[:& sidebar {:profile profile
|
|
:locale locale
|
|
:section section}]
|
|
|
|
[:div {:class (stl/css :dashboard-content)}
|
|
[:& header]
|
|
[:section {:class (stl/css :dashboard-container)}
|
|
(case section
|
|
:settings-profile
|
|
[:& profile-page {:locale locale}]
|
|
|
|
:settings-feedback
|
|
[:& feedback-page]
|
|
|
|
:settings-password
|
|
[:& password-page {:locale locale}]
|
|
|
|
:settings-options
|
|
[:& options-page {:locale locale}]
|
|
|
|
:settings-access-tokens
|
|
[:& access-tokens-page])]]]))
|