From 7788fe332785469724c8ba8d19ab2e2cf7925896 Mon Sep 17 00:00:00 2001
From: Gabe Kangas <gabek@real-ity.com>
Date: Sun, 9 Oct 2022 14:45:42 -0700
Subject: [PATCH] Support custom text in notify button

---
 web/components/action-buttons/NotifyButton.tsx    | 5 +++--
 web/components/ui/OfflineBanner/OfflineBanner.tsx | 2 +-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/components/action-buttons/NotifyButton.tsx b/web/components/action-buttons/NotifyButton.tsx
index e292cba29..7e9e1b9e8 100644
--- a/web/components/action-buttons/NotifyButton.tsx
+++ b/web/components/action-buttons/NotifyButton.tsx
@@ -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>
 );
diff --git a/web/components/ui/OfflineBanner/OfflineBanner.tsx b/web/components/ui/OfflineBanner/OfflineBanner.tsx
index 9363b1b62..9c8f8d700 100644
--- a/web/components/ui/OfflineBanner/OfflineBanner.tsx
+++ b/web/components/ui/OfflineBanner/OfflineBanner.tsx
@@ -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>