diff --git a/frontend/src/components/authorization/AuthorizationLoginBox.tsx b/frontend/src/components/authorization/AuthorizationLoginBox.tsx index f972095..e7ffd59 100644 --- a/frontend/src/components/authorization/AuthorizationLoginBox.tsx +++ b/frontend/src/components/authorization/AuthorizationLoginBox.tsx @@ -4,6 +4,7 @@ import {Box, Form, Heading, useFormState} from "@steffo/bluelib-react" import * as React from "react" import {useAuthorizationContext} from "../../contexts/authorization" import {SophonToken, SophonUser} from "../../types/SophonTypes" +import {Validators} from "../../utils/Validators" import {Loading} from "../elements/Loading" import {useInstanceAxios} from "../instance/useInstanceAxios" @@ -14,8 +15,8 @@ export function AuthorizationLoginBox(): JSX.Element { const [error, setError] = React.useState(undefined) - const username = useFormState("", () => undefined) - const password = useFormState("", () => undefined) + const username = useFormState("", Validators.doNotValidate) + const password = useFormState("", Validators.doNotValidate) const canLogin = React.useMemo( @@ -110,8 +111,21 @@ export function AuthorizationLoginBox(): JSX.Element { If you do not have one, you can ask your system administrator to create one for you.

- - + + {buttonText} diff --git a/frontend/src/components/authorization/AuthorizationLogoutBox.tsx b/frontend/src/components/authorization/AuthorizationLogoutBox.tsx index 0bfdd98..448df34 100644 --- a/frontend/src/components/authorization/AuthorizationLogoutBox.tsx +++ b/frontend/src/components/authorization/AuthorizationLogoutBox.tsx @@ -61,20 +61,24 @@ export function AuthorizationLogoutBox(): JSX.Element { Logout -

- To use a different account with Sophon, you'll need to logout from your current one first. -

You are currently logged in as {loggedUsername}.

+ + + navigate("l/")}> + Continue to Sophon + + + +

+ To use a different account with Sophon, you'll need to logout from your current one first. +

Logout - navigate("l/")}> - Continue to Sophon -
diff --git a/frontend/src/components/authorization/AuthorizationStepPage.tsx b/frontend/src/components/authorization/AuthorizationStepPage.tsx index 29570b0..6075b62 100644 --- a/frontend/src/components/authorization/AuthorizationStepPage.tsx +++ b/frontend/src/components/authorization/AuthorizationStepPage.tsx @@ -7,10 +7,10 @@ import {AuthorizationLoginBox} from "./AuthorizationLoginBox" import {AuthorizationLogoutBox} from "./AuthorizationLogoutBox" -export function AuthorizationStepPage(): JSX.Element { +export function AuthorizationStepPage(): JSX.Element | null { const authorization = useAuthorizationContext() - const loginChapter = React.useMemo( + return React.useMemo( () => { if(!authorization) { return null @@ -20,6 +20,7 @@ export function AuthorizationStepPage(): JSX.Element { + ) } @@ -28,6 +29,7 @@ export function AuthorizationStepPage(): JSX.Element { + ) } @@ -35,16 +37,10 @@ export function AuthorizationStepPage(): JSX.Element { + ) }, [authorization], ) - - return <> - {loginChapter} - - - - } diff --git a/frontend/src/utils/Validators.ts b/frontend/src/utils/Validators.ts index 63503fe..866d828 100644 --- a/frontend/src/utils/Validators.ts +++ b/frontend/src/utils/Validators.ts @@ -2,6 +2,10 @@ import {Validity} from "@steffo/bluelib-react/dist/types" export class Validators { + static doNotValidate(val: T): Validity { + return undefined + } + static alwaysValid(val: T): Validity { return true }