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
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> |
|
); |
|
}
|
|
|