parra/ntfy
parra/ntfy
1
0
Fork 0
mirror of https://github.com/binwiederhier/ntfy.git synced 2025-10-31 13:02:24 +01:00
Code Releases Activity

No notifications page text

Browse source
This commit is contained in:
Philipp Heckel 2022-03-08 18:56:28 -05:00
parent 60980df26b
commit d9e5e08af5
1 changed files with 32 additions and 2 deletions

34
web/src/components/Notifications.js
View file

@ -29,12 +29,15 @@ const Notifications = (props) => {
return (props.subscription) ? <SingleSubscription subscription={props.subscription}/> : <Loading/>; return (props.subscription) ? <SingleSubscription subscription={props.subscription}/> : <Loading/>;
} }
const AllSubscriptions = () => { const AllSubscriptions = (props) => {
const subscriptions = props.subscriptions;
const notifications = useLiveQuery(() => subscriptionManager.getAllNotifications(), []); const notifications = useLiveQuery(() => subscriptionManager.getAllNotifications(), []);
if (notifications === null || notifications === undefined) { if (notifications === null || notifications === undefined) {
return <Loading/>; return <Loading/>;
} else if (notifications.length === 0) { } else if (subscriptions.length === 0) {
return <NoSubscriptions/>; return <NoSubscriptions/>;
} else if (notifications.length === 0) {
return <NoNotificationsWithoutSubscription subscriptions={subscriptions}/>;
} }
return <NotificationList key="all" notifications={notifications}/>; return <NotificationList key="all" notifications={notifications}/>;
} }
@ -308,6 +311,33 @@ const NoNotifications = (props) => {
); );
}; };
const NoNotificationsWithoutSubscription = (props) => {
const subscription = props.subscriptions[0];
const shortUrl = topicShortUrl(subscription.baseUrl, subscription.topic);
return (
<VerticallyCenteredContainer maxWidth="xs">
<Typography variant="h5" align="center" sx={{ paddingBottom: 1 }}>
<img src="/static/img/ntfy-outline.svg" height="64" width="64" alt="No notifications"/><br />
You haven't received any notifications.
</Typography>
<Paragraph>
To send notifications to a topic, simply PUT or POST to the topic URL. Here's
an example using one of your topics.
</Paragraph>
<Paragraph>
Example:<br/>
<tt>
$ curl -d "Hi" {shortUrl}
</tt>
</Paragraph>
<Paragraph>
For more detailed instructions, check out the <Link href="https://ntfy.sh" target="_blank" rel="noopener">website</Link> or
{" "}<Link href="https://ntfy.sh/docs" target="_blank" rel="noopener">documentation</Link>.
</Paragraph>
</VerticallyCenteredContainer>
);
};
const NoSubscriptions = () => { const NoSubscriptions = () => {
return ( return (
<VerticallyCenteredContainer maxWidth="xs"> <VerticallyCenteredContainer maxWidth="xs">