golang/owncast
1
0
Fork 0
mirror of https://github.com/owncast/owncast.git synced 2025-11-02 20:23:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

Wire up notify popup to hide/show at correct times. Closes #1911

Browse Source
This commit is contained in:
Gabe Kangas
2022-06-26 23:01:52 -07:00
parent 8fc922588b
commit 577ce5718d
4 changed files with 65 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
web/components/action-buttons/NotifyButton.tsx
View File

@ -1,30 +1,20 @@
import { Button } from 'antd';
import { NotificationFilled } from '@ant-design/icons';
import { useState } from 'react';
import Modal from '../ui/Modal/Modal';
import s from './ActionButton.module.scss';
import BrowserNotifyModal from '../modals/BrowserNotify/BrowserNotifyModal';
export default function NotifyButton() {
const [showModal, setShowModal] = useState(false);
const buttonClicked = () => {
setShowModal(true);
};
interface Props {
onClick: () => void;
}
export default function NotifyButton({ onClick }: Props) {
return (
<>
<Button
type="primary"
className={`${s.button}`}
icon={<NotificationFilled />}
onClick={buttonClicked}
>
Notify
</Button>
<Modal title="Notify" visible={showModal} handleCancel={() => setShowModal(false)}>
<BrowserNotifyModal />
</Modal>
</>
<Button
type="primary"
className={`${s.button}`}
icon={<NotificationFilled />}
onClick={onClick}
>
Notify
</Button>
);
}