Penpot/penpot
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2025-01-24 23:49:45 -05:00
Code Issues Activity

✨ Refactor user menu in dashboard

Browse source
This commit is contained in:
Andrés Moya 2022-02-09 11:05:25 +01:00
parent 62a67bdb94
commit c5c331ee30
7 changed files with 60 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
frontend/resources/images/icons/help.svg Normal file
View file

@ -0,0 +1,4 @@
<svg viewBox="761.822 754.121 16 16" width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M769.822 768.921a6.8 6.8 0 1 0 0-13.6 6.8 6.8 0 0 0 0 13.6Zm0 1.2a8 8 0 1 0 0-16 8 8 0 0 0 0 16Z" />
<path d="M770.357 766.536h-1.179v-1.24h1.179v1.24Zm1.925-5.57c-.126.264-.394.592-.802.985-.41.394-.68.673-.813.838a1.712 1.712 0 0 0-.304.596c-.068.23-.1.54-.091.929h-1.07c0-.454.036-.817.11-1.088.073-.27.183-.507.328-.71.145-.202.408-.5.79-.893.38-.392.626-.677.735-.855.11-.178.163-.443.163-.795 0-.353-.126-.665-.377-.936s-.615-.406-1.092-.406c-1.078 0-1.615.64-1.615 1.918h-1.07c.017-.583.086-1.027.206-1.33.121-.304.316-.575.583-.814.268-.238.565-.414.893-.529.329-.112.675-.17 1.039-.17.736 0 1.35.218 1.84.65.49.433.734 1.01.734 1.73.002.326-.062.618-.187.88Z" />
</svg>
Side by side

After

Width:  |  Height:  |  Size: 828 B

2
frontend/resources/styles/main/partials/dashboard-sidebar.scss
View file

@ -415,7 +415,7 @@
width: 12px;
}
&.feedback {
&.separator {
border-top: 1px solid $color-gray-10;
}
}

32
frontend/src/app/main/ui/dashboard/sidebar.cljs
View file

@ -513,22 +513,30 @@
[:li {:on-click (partial on-click :settings-profile)
:data-test "profile-profile-opt"}
[:span.icon i/user]
[:span.text (tr "labels.profile")]]
[:li {:on-click (partial on-click :settings-password)
:data-test "password-profile-opt"}
[:span.icon i/lock]
[:span.text (tr "labels.password")]]
[:li {:on-click #(on-click (du/logout) %)
:data-test "logout-profile-opt"}
[:span.icon i/exit]
[:span.text (tr "labels.logout")]]
[:span.text (tr "labels.your-account")]]
[:li.separator {:on-click #(dom/open-new-window "https://help.penpot.app")
:data-test "help-center-profile-opt"}
[:span.icon i/help]
[:span.text (tr "labels.help-center")]]
[:li {:on-click #(dom/open-new-window "https://penpot.app/libraries-templates.html")
:data-test "libraries-templates-profile-opt"}
[:span.icon i/download]
[:span.text (tr "labels.libraries-and-templates")]]
[:li {:on-click #(dom/open-new-window "https://penpot.app?no-redirect=1")
:data-test "about-penpot-profile-opt"} ;; Parameter ?no-redirect is to force stay in landing page
[:span.icon i/logo-icon] ;; instead of redirecting to app
[:span.text (tr "labels.about-penpot")]]
(when (contains? @cf/flags :user-feedback)
[:li.feedback {:on-click (partial on-click :settings-feedback)
[:li.separator {:on-click (partial on-click :settings-feedback)
:data-test "feedback-profile-opt"}
[:span.icon i/msg-info]
[:span.text (tr "labels.give-feedback")]
])]]]
[:span.text (tr "labels.give-feedback")]])
[:li.separator {:on-click #(on-click (du/logout) %)
:data-test "logout-profile-opt"}
[:span.icon i/exit]
[:span.text (tr "labels.logout")]]]]]
(when (and team profile)
[:& comments-section {:profile profile

1
frontend/src/app/main/ui/icons.cljs
View file

@ -64,6 +64,7 @@
(def full-screen-off (icon-xref :full-screen-off))
(def grid (icon-xref :grid))
(def grid-snap (icon-xref :grid-snap))
(def help (icon-xref :help))
(def icon-empty (icon-xref :icon-empty))
(def icon-list (icon-xref :icon-list))
(def icon-lock (icon-xref :icon-lock))

1
frontend/src/app/main/ui/workspace/header.cljs
View file

@ -241,7 +241,6 @@
[:span (tr "workspace.header.menu.option.preferences")] [:span i/arrow-slide]]
(when (contains? @cf/flags :user-feedback)
[:*
[:li.separator]
[:li.feedback {:on-click (st/emitf (rt/nav :settings-feedback))}
[:span (tr "labels.give-feedback")]]])]]

18
frontend/translations/en.po
View file

@ -973,6 +973,10 @@ msgstr "Info"
msgid "history.alert-message"
msgstr "You are seeing version %s"
#: src/app/main/ui/dashboard/sidebar.cljs
msgid "labels.about-penpot"
msgstr "About Penpot"
msgid "labels.accept"
msgstr "Accept"
@ -1108,6 +1112,10 @@ msgstr "Give feedback"
msgid "labels.go-back"
msgstr "Go back"
#: src/app/main/ui/dashboard/sidebar.cljs
msgid "labels.help-center"
msgstr "Help Center"
#: src/app/main/ui/workspace/comments.cljs, src/app/main/ui/viewer/header.cljs
msgid "labels.hide-resolved-comments"
msgstr "Hide resolved comments"
@ -1135,6 +1143,10 @@ msgstr "Internal Error"
msgid "labels.language"
msgstr "Language"
#: src/app/main/ui/dashboard/sidebar.cljs
msgid "labels.libraries-and-templates"
msgstr "Libraries & Templates"
msgid "labels.link"
msgstr "Link"
@ -1216,7 +1228,7 @@ msgstr "Password"
msgid "labels.permissions"
msgstr "Permissions"
#: src/app/main/ui/settings/sidebar.cljs, src/app/main/ui/dashboard/sidebar.cljs
#: src/app/main/ui/settings/sidebar.cljs
msgid "labels.profile"
msgstr "Profile"
@ -1330,6 +1342,10 @@ msgstr "Workspace"
msgid "labels.write-new-comment"
msgstr "Write new comment"
#: src/app/main/ui/dashboard/sidebar.cljs
msgid "labels.your-account"
msgstr "Your account"
#: src/app/main/data/workspace/persistence.cljs, src/app/main/data/workspace/persistence.cljs, src/app/main/data/media.cljs
msgid "media.loading"
msgstr "Loading image…"

18
frontend/translations/es.po
View file

@ -974,6 +974,10 @@ msgstr "Información"
msgid "history.alert-message"
msgstr "Estás viendo la versión %s"
#: src/app/main/ui/dashboard/sidebar.cljs
msgid "labels.about-penpot"
msgstr "Acerca de Penpot"
msgid "labels.accept"
msgstr "Aceptar"
@ -1109,6 +1113,10 @@ msgstr "Danos tu opinión"
msgid "labels.go-back"
msgstr "Volver"
#: src/app/main/ui/dashboard/sidebar.cljs
msgid "labels.help-center"
msgstr "Centro de ayuda"
#: src/app/main/ui/workspace/comments.cljs, src/app/main/ui/viewer/header.cljs
msgid "labels.hide-resolved-comments"
msgstr "Ocultar comentarios resueltos"
@ -1136,6 +1144,10 @@ msgstr "Error interno"
msgid "labels.language"
msgstr "Idioma"
#: src/app/main/ui/dashboard/sidebar.cljs
msgid "labels.libraries-and-templates"
msgstr "Bibliotecas y Plantillas"
msgid "labels.link"
msgstr "Enlace"
@ -1217,7 +1229,7 @@ msgstr "Contraseña"
msgid "labels.permissions"
msgstr "Permisos"
#: src/app/main/ui/settings/sidebar.cljs, src/app/main/ui/dashboard/sidebar.cljs
#: src/app/main/ui/settings/sidebar.cljs
msgid "labels.profile"
msgstr "Perfil"
@ -1332,6 +1344,10 @@ msgstr "Espacio de trabajo"
msgid "labels.write-new-comment"
msgstr "Escribir un nuevo comentario"
#: src/app/main/ui/dashboard/sidebar.cljs
msgid "labels.your-account"
msgstr "Tu cuenta"
#: src/app/main/data/workspace/persistence.cljs, src/app/main/data/workspace/persistence.cljs, src/app/main/data/media.cljs
msgid "media.loading"
msgstr "Cargando imagen…"