LogalDeveloper/owncast
0
Fork 0
Code Activity

Support custom text in notify button

Browse Source
This commit is contained in:
Gabe Kangas
2022-10-09 14:45:42 -07:00
parent b973fbc2c0
commit 7788fe3327
2 changed files with 4 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -4,11 +4,12 @@ import { FC } from 'react';
import styles from './ActionButton/ActionButton.module.scss'; import styles from './ActionButton/ActionButton.module.scss';
export type NotifyButtonProps = { export type NotifyButtonProps = {
text?: string;
onClick?: () => void; onClick?: () => void;
}; };
export const NotifyButton: FC<NotifyButtonProps> = ({ onClick }) => ( export const NotifyButton: FC<NotifyButtonProps> = ({ onClick, text }) => (
<Button type="primary" className={`${styles.button}`} icon={<BellFilled />} onClick={onClick}> <Button type="primary" className={`${styles.button}`} icon={<BellFilled />} onClick={onClick}>
Notify {text || 'Notify'}
</Button> </Button>
); );

2
web/components/ui/OfflineBanner/OfflineBanner.tsx
View File

@@ -50,7 +50,7 @@ export const OfflineBanner: FC<OfflineBannerProps> = ({
<div className={styles.footer}> <div className={styles.footer}>
{fediverseAccount && <FollowButton />} {fediverseAccount && <FollowButton />}
{notificationsEnabled && <NotifyButton onClick={onNotifyClick} />} {notificationsEnabled && <NotifyButton text="Notify when live" onClick={onNotifyClick} />}
</div> </div>
</div> </div>
</div> </div>