diff options
author | Sebastian <sebasjm@gmail.com> | 2022-06-06 00:10:38 -0300 |
---|---|---|
committer | Sebastian <sebasjm@gmail.com> | 2022-06-06 00:10:38 -0300 |
commit | aa55cecb449cb40341cef0fdf4824cc6a666b8dd (patch) | |
tree | bb41d1094cc6a93976742bbdd5ecc15f2f93fea8 /packages/anastasis-webui/src/pages/home/ConfirmModal.tsx | |
parent | fb6aff76d2152d95caa2ba6cb0d91cb01e0687fe (diff) | |
download | wallet-core-aa55cecb449cb40341cef0fdf4824cc6a666b8dd.tar.xz |
prettier
Diffstat (limited to 'packages/anastasis-webui/src/pages/home/ConfirmModal.tsx')
-rw-r--r-- | packages/anastasis-webui/src/pages/home/ConfirmModal.tsx | 25 |
1 files changed, 19 insertions, 6 deletions
diff --git a/packages/anastasis-webui/src/pages/home/ConfirmModal.tsx b/packages/anastasis-webui/src/pages/home/ConfirmModal.tsx index c9c59c1b4..c1c08849f 100644 --- a/packages/anastasis-webui/src/pages/home/ConfirmModal.tsx +++ b/packages/anastasis-webui/src/pages/home/ConfirmModal.tsx @@ -16,10 +16,18 @@ export interface ConfirmModelProps { } export function ConfirmModal({ - active, description, onCancel, onConfirm, children, danger, disabled, label = "Confirm", cancelLabel = "Dismiss" + active, + description, + onCancel, + onConfirm, + children, + danger, + disabled, + label = "Confirm", + cancelLabel = "Dismiss", }: ConfirmModelProps): VNode { return ( - <div class={active ? "modal is-active" : "modal"} > + <div class={active ? "modal is-active" : "modal"}> <div class="modal-background " onClick={onCancel} /> <div class="modal-card" style={{ maxWidth: 700 }}> <header class="modal-card-head"> @@ -35,9 +43,13 @@ export function ConfirmModal({ <button class="button" onClick={onCancel}> {cancelLabel} </button> - <div class="buttons is-right" style={{ width: "100%" }} onKeyDown={(e) => { - if (e.key === 'Escape' && onCancel) onCancel() - }}> + <div + class="buttons is-right" + style={{ width: "100%" }} + onKeyDown={(e) => { + if (e.key === "Escape" && onCancel) onCancel(); + }} + > <AsyncButton grabFocus class={danger ? "button is-danger " : "button is-info "} @@ -52,7 +64,8 @@ export function ConfirmModal({ <button class="modal-close is-large " aria-label="close" - onClick={onCancel} /> + onClick={onCancel} + /> </div> ); } |