31 lines
710 B
JavaScript
31 lines
710 B
JavaScript
import React from 'react'
|
|
import { useAuth } from "react-oidc-context"
|
|
import { Space, Typography, Button } from 'antd'
|
|
const { Text } = Typography
|
|
|
|
function AuthBar() {
|
|
const auth = useAuth()
|
|
|
|
const spaceStyle = {
|
|
background: "lightgrey",
|
|
justifyContent: "end",
|
|
paddingRight: "10px"
|
|
}
|
|
|
|
return (
|
|
<Space wrap style={spaceStyle}>
|
|
<Text>Hi {auth.user?.profile.preferred_username}</Text>
|
|
<Button
|
|
type="primary"
|
|
size="small"
|
|
onClick={() => auth.signoutRedirect()}
|
|
danger
|
|
>
|
|
Logout
|
|
</Button>
|
|
</Space>
|
|
)
|
|
}
|
|
|
|
export default AuthBar
|