diff --git a/packages/fakeyou.com/src/components/common/Button/Button.tsx b/packages/fakeyou.com/src/components/common/Button/Button.tsx index 4b84d643bf..04c0adc82a 100644 --- a/packages/fakeyou.com/src/components/common/Button/Button.tsx +++ b/packages/fakeyou.com/src/components/common/Button/Button.tsx @@ -23,12 +23,13 @@ export default function Button({ disabled, isLoading = false, isActive, + type = "button", ...rest }: ButtonProps) { let variant = variantProps; - if(isActive !== undefined){ - if(isActive) variant = "primary" - else variant = "secondary" + if (isActive !== undefined) { + if (isActive) variant = "primary"; + else variant = "secondary"; } let iconMarginClass = !square && label ? (iconFlip ? "ms-2" : "me-2") : ""; let IconComponent = icon ? ( @@ -90,7 +91,7 @@ export default function Button({ {ButtonContent} ) : ( - ); diff --git a/packages/fakeyou.com/src/v2/view/pages/password_reset/PasswordResetEmailPage.tsx b/packages/fakeyou.com/src/v2/view/pages/password_reset/PasswordResetEmailPage.tsx index 34fc6ee371..0008cd26f9 100644 --- a/packages/fakeyou.com/src/v2/view/pages/password_reset/PasswordResetEmailPage.tsx +++ b/packages/fakeyou.com/src/v2/view/pages/password_reset/PasswordResetEmailPage.tsx @@ -9,7 +9,8 @@ import { Button } from "components/common"; import Panel from "components/common/Panel"; import { faEnvelope } from "@fortawesome/pro-solid-svg-icons"; import { - RequestResetPassword, RequestResetPasswordIsSuccess, + RequestResetPassword, + RequestResetPasswordIsSuccess, } from "@storyteller/components/src/api/user/RequestResetPassword"; import { useSession } from "hooks"; @@ -26,16 +27,18 @@ function PasswordResetEmailPage(props: Props) { const [emailOrUsername, setEmailOrUsername] = useState(""); const [isSent, setIsSent] = useState(false); - if (user) { history.push("/"); } - - const handleChange = ( - ev: React.FormEvent - ) => { - const value = (ev.target as HTMLInputElement).value; - setEmailOrUsername(value); + if (user) { + history.push("/"); } - const onSubmit = async ( ev: any ) : Promise => { + const handleChange = (ev: React.FormEvent) => { + const value = (ev.target as HTMLInputElement).value; + setEmailOrUsername(value); + }; + + const onSubmit = async ( + ev: React.FormEvent + ): Promise => { ev.preventDefault(); const value = emailOrUsername.trim(); @@ -45,7 +48,7 @@ function PasswordResetEmailPage(props: Props) { } const request = { - username_or_email: value + username_or_email: value, }; RequestResetPassword(request).then((res: any) => { @@ -55,21 +58,21 @@ function PasswordResetEmailPage(props: Props) { }); return false; - } + }; if (isSent) { return ( - - - - Click here once you have the code. - - + + + + Click here once you have the code. + + ); }