1
Fork 0
mirror of https://github.com/Steffo99/sophon.git synced 2024-12-22 23:04:21 +00:00

🔧 Add icons to LogoutBox

This commit is contained in:
Steffo 2021-10-15 18:47:08 +02:00 committed by Stefano Pigozzi
parent 7a28a6aae9
commit df23bf7929

View file

@ -1,5 +1,5 @@
import {faUser as faUserRegular} from "@fortawesome/free-regular-svg-icons" import {faUser as faUserRegular} from "@fortawesome/free-regular-svg-icons"
import {faExclamationCircle, faTimesCircle, faUser as faUserSolid} from "@fortawesome/free-solid-svg-icons" import {faChevronRight, faExclamationCircle, faSignOutAlt, faTimesCircle, faUser as faUserSolid} from "@fortawesome/free-solid-svg-icons"
import {FontAwesomeIcon} from "@fortawesome/react-fontawesome" import {FontAwesomeIcon} from "@fortawesome/react-fontawesome"
import {navigate} from "@reach/router" import {navigate} from "@reach/router"
import {Box, Form, Heading, Idiomatic as I} from "@steffo/bluelib-react" import {Box, Form, Heading, Idiomatic as I} from "@steffo/bluelib-react"
@ -67,7 +67,7 @@ export function AuthorizationLogoutBox(): JSX.Element {
<Form> <Form>
<Form.Row> <Form.Row>
<Form.Button onClick={() => navigate("l/logged-in/")}> <Form.Button onClick={() => navigate("l/logged-in/")}>
Continue to Sophon <FontAwesomeIcon icon={faChevronRight}/>&nbsp;Continue to Sophon
</Form.Button> </Form.Button>
</Form.Row> </Form.Row>
</Form> </Form>
@ -77,7 +77,7 @@ export function AuthorizationLogoutBox(): JSX.Element {
<Form> <Form>
<Form.Row> <Form.Row>
<Form.Button disabled={!canLogout} onClick={doLogout}> <Form.Button disabled={!canLogout} onClick={doLogout}>
Logout <FontAwesomeIcon icon={faSignOutAlt}/>&nbsp;Logout
</Form.Button> </Form.Button>
</Form.Row> </Form.Row>
</Form> </Form>