diff options
Diffstat (limited to 'packages/anastasis-webui/src/pages/home')
-rw-r--r-- | packages/anastasis-webui/src/pages/home/ConfirmModal.tsx | 25 | ||||
-rw-r--r-- | packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.tsx | 3 |
2 files changed, 21 insertions, 7 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> ); } diff --git a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.tsx b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.tsx index 556e3bdbf..80597ff8b 100644 --- a/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.tsx +++ b/packages/anastasis-webui/src/pages/home/authMethod/AuthMethodEmailSetup.tsx @@ -5,7 +5,8 @@ import { EmailInput } from "../../../components/fields/EmailInput"; import { AnastasisClientFrame } from "../index"; import { AuthMethodSetupProps } from "./index"; -const EMAIL_PATTERN = /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; +const EMAIL_PATTERN = + /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; export function AuthMethodEmailSetup({ cancel, |