Support custom text in notify button

This commit is contained in:
Gabe Kangas 2022-10-09 14:45:42 -07:00
parent b973fbc2c0
commit 7788fe3327
No known key found for this signature in database
GPG Key ID: 9A56337728BC81EA
2 changed files with 4 additions and 3 deletions

View File

@ -4,11 +4,12 @@ import { FC } from 'react';
import styles from './ActionButton/ActionButton.module.scss';
export type NotifyButtonProps = {
text?: string;
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}>
Notify
{text || 'Notify'}
</Button>
);

View File

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