Take control over your live stream video by running it yourself. Streaming + chat out of the box.
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.
 
 
 
 
 
 

32 lines
799 B

import { Divider, Button } from 'antd';
import { NotificationFilled } from '@ant-design/icons';
import s from './OfflineBanner.module.scss';
interface Props {
name: string;
text: string;
}
export default function OfflineBanner({ name, text }: Props) {
const handleShowNotificationModal = () => {
console.log('show notification modal');
};
return (
<div className={s.outerContainer}>
<div className={s.innerContainer}>
<div className={s.header}>{name} is currently offline.</div>
<Divider />
<div>{text}</div>
<div className={s.footer}>
<Button type="primary" onClick={handleShowNotificationModal}>
<NotificationFilled />
Notify when Live
</Button>
</div>
</div>
</div>
);
}