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

💄 Add cosmetic improvements on static page components

Browse source
This commit is contained in:
Andrey Antukh 2024-02-12 11:09:30 +01:00
parent 722cb6351d
commit 528f0b4f60
3 changed files with 13 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/app/main/errors.cljs
View file

@ -116,7 +116,6 @@
(defmethod ptk/handle-error :validation (defmethod ptk/handle-error :validation
[{:keys [code] :as error}] [{:keys [code] :as error}]
(print-group! "Validation Error" (print-group! "Validation Error"
(fn [] (fn []
(print-data! error) (print-data! error)

3
frontend/src/app/main/ui.cljs
View file

@ -128,12 +128,11 @@
{:keys [file-id]} path-params] {:keys [file-id]} path-params]
[:? {} [:? {}
(if (:token query-params) (if (:token query-params)
[:> static/static-header {} [:> static/error-container {}
[:div.image i/unchain] [:div.image i/unchain]
[:div.main-message (tr "viewer.breaking-change.message")] [:div.main-message (tr "viewer.breaking-change.message")]
[:div.desc-message (tr "viewer.breaking-change.description")]] [:div.desc-message (tr "viewer.breaking-change.description")]]
[:& viewer-page [:& viewer-page
{:page-id page-id {:page-id page-id
:file-id file-id :file-id file-id

30
frontend/src/app/main/ui/static.cljs
View file

@ -11,15 +11,13 @@
[app.main.ui.icons :as i] [app.main.ui.icons :as i]
[app.util.globals :as globals] [app.util.globals :as globals]
[app.util.i18n :refer [tr]] [app.util.i18n :refer [tr]]
[app.util.object :as obj]
[app.util.router :as rt] [app.util.router :as rt]
[rumext.v2 :as mf])) [rumext.v2 :as mf]))
(mf/defc static-header (mf/defc error-container
{::mf/wrap-props false} {::mf/wrap-props false}
[props] [{:keys [children]}]
(let [children (obj/get props "children") (let [on-click (mf/use-callback #(set! (.-href globals/location) "/"))]
on-click (mf/use-callback #(set! (.-href globals/location) "/"))]
[:section {:class (stl/css :exception-layout)} [:section {:class (stl/css :exception-layout)}
[:button [:button
{:class (stl/css :exception-header) {:class (stl/css :exception-header)
@ -34,13 +32,13 @@
(mf/defc invalid-token (mf/defc invalid-token
[] []
[:> static-header {} [:> error-container {}
[:div {:class (stl/css :main-message)} (tr "errors.invite-invalid")] [:div {:class (stl/css :main-message)} (tr "errors.invite-invalid")]
[:div {:class (stl/css :desc-message)} (tr "errors.invite-invalid.info")]]) [:div {:class (stl/css :desc-message)} (tr "errors.invite-invalid.info")]])
(mf/defc not-found (mf/defc not-found
[] []
[:> static-header {} [:> error-container {}
[:div {:class (stl/css :main-message)} (tr "labels.not-found.main-message")] [:div {:class (stl/css :main-message)} (tr "labels.not-found.main-message")]
[:div {:class (stl/css :desc-message)} (tr "labels.not-found.desc-message")]]) [:div {:class (stl/css :desc-message)} (tr "labels.not-found.desc-message")]])
@ -49,7 +47,7 @@
(let [handle-retry (let [handle-retry
(mf/use-callback (mf/use-callback
(fn [] (st/emit! (rt/assign-exception nil))))] (fn [] (st/emit! (rt/assign-exception nil))))]
[:> static-header {} [:> error-container {}
[:div {:class (stl/css :main-message)} (tr "labels.bad-gateway.main-message")] [:div {:class (stl/css :main-message)} (tr "labels.bad-gateway.main-message")]
[:div {:class (stl/css :desc-message)} (tr "labels.bad-gateway.desc-message")] [:div {:class (stl/css :desc-message)} (tr "labels.bad-gateway.desc-message")]
[:div {:class (stl/css :sign-info)} [:div {:class (stl/css :sign-info)}
@ -57,25 +55,21 @@
(mf/defc service-unavailable (mf/defc service-unavailable
[] []
(let [handle-retry (let [on-click (mf/use-fn #(st/emit! (rt/assign-exception nil)))]
(mf/use-callback [:> error-container {}
(fn [] (st/emit! (rt/assign-exception nil))))]
[:> static-header {}
[:div {:class (stl/css :main-message)} (tr "labels.service-unavailable.main-message")] [:div {:class (stl/css :main-message)} (tr "labels.service-unavailable.main-message")]
[:div {:class (stl/css :desc-message)} (tr "labels.service-unavailable.desc-message")] [:div {:class (stl/css :desc-message)} (tr "labels.service-unavailable.desc-message")]
[:div {:class (stl/css :sign-info)} [:div {:class (stl/css :sign-info)}
[:button {:on-click handle-retry} (tr "labels.retry")]]])) [:button {:on-click on-click} (tr "labels.retry")]]]))
(mf/defc internal-error (mf/defc internal-error
[] []
(let [handle-retry (let [on-click (mf/use-fn #(st/emit! (rt/assign-exception nil)))]
(mf/use-callback [:> error-container {}
(fn [] (st/emit! (rt/assign-exception nil))))]
[:> static-header {}
[:div {:class (stl/css :main-message)} (tr "labels.internal-error.main-message")] [:div {:class (stl/css :main-message)} (tr "labels.internal-error.main-message")]
[:div {:class (stl/css :desc-message)} (tr "labels.internal-error.desc-message")] [:div {:class (stl/css :desc-message)} (tr "labels.internal-error.desc-message")]
[:div {:class (stl/css :sign-info)} [:div {:class (stl/css :sign-info)}
[:button {:on-click handle-retry} (tr "labels.retry")]]])) [:button {:on-click on-click} (tr "labels.retry")]]]))
(mf/defc exception-page (mf/defc exception-page
[{:keys [data] :as props}] [{:keys [data] :as props}]