You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
29 lines
810 B
29 lines
810 B
import { Layout, Tag, Tooltip } from 'antd'; |
|
import { OwncastLogo, UserDropdown } from '../../common'; |
|
import s from './Header.module.scss'; |
|
|
|
const { Header } = Layout; |
|
|
|
interface Props { |
|
name: string; |
|
chatAvailable: boolean; |
|
} |
|
|
|
export default function HeaderComponent({ name = 'Your stream title', chatAvailable }: Props) { |
|
return ( |
|
<Header className={`${s.header}`}> |
|
<div className={`${s.logo}`}> |
|
<OwncastLogo variant="contrast" /> |
|
<span>{name}</span> |
|
</div> |
|
{chatAvailable && <UserDropdown />} |
|
{!chatAvailable && ( |
|
<Tooltip title="Chat is available when the stream is live." placement="left"> |
|
<Tag color="processing" style={{ cursor: 'pointer' }}> |
|
Chat offline |
|
</Tag> |
|
</Tooltip> |
|
)} |
|
</Header> |
|
); |
|
}
|
|
|