feat(notifications): add pushover integration (#574)

* feat(notifications): add pushover integration * refactor(pushover): group i18n translations
2025-09-17 17:24:35 +02:00 · 2021-01-05 05:19:25 +01:00
parent 67f2b57f00
commit ee5d0181fc
10 changed files with 558 additions and 0 deletions
--- a/overseerr-api.yml
+++ b/overseerr-api.yml
@@ -871,6 +871,26 @@ components:
              type: string
            chatId:
              type: string
+    PushoverSettings:
+      type: object
+      properties:
+        enabled:
+          type: boolean
+          example: false
+        types:
+          type: number
+          example: 2
+        options:
+          type: object
+          properties:
+            accessToken:
+              type: string
+            userToken:
+              type: string
+            priority:
+              type: number
+            sound:
+              type: string
    NotificationEmailSettings:
      type: object
      properties:
@@ -1720,6 +1740,52 @@ paths:
      responses:
        '204':
          description: Test notification attempted
+  /settings/notifications/pushover:
+    get:
+      summary: Return current pushover notification settings
+      description: Returns current pushover notification settings in JSON format
+      tags:
+        - settings
+      responses:
+        '200':
+          description: Returned pushover settings
+          content:
+            application/json:
+              schema:
+                $ref: '#/components/schemas/PushoverSettings'
+    post:
+      summary: Update pushover notification settings
+      description: Update current pushover notification settings with provided values
+      tags:
+        - settings
+      requestBody:
+        required: true
+        content:
+          application/json:
+            schema:
+              $ref: '#/components/schemas/PushoverSettings'
+      responses:
+        '200':
+          description: 'Values were sucessfully updated'
+          content:
+            application/json:
+              schema:
+                $ref: '#/components/schemas/PushoverSettings'
+  /settings/notifications/pushover/test:
+    post:
+      summary: Test the provided pushover settings
+      description: Sends a test notification to the pushover agent
+      tags:
+        - settings
+      requestBody:
+        required: true
+        content:
+          application/json:
+            schema:
+              $ref: '#/components/schemas/PushoverSettings'
+      responses:
+        '204':
+          description: Test notification attempted
  /settings/notifications/slack:
    get:
      summary: Return current slack notification settings
--- a/server/index.ts
+++ b/server/index.ts
@@ -20,6 +20,7 @@ import EmailAgent from './lib/notifications/agents/email';
 import TelegramAgent from './lib/notifications/agents/telegram';
 import { getAppVersion } from './utils/appVersion';
 import SlackAgent from './lib/notifications/agents/slack';
+import PushoverAgent from './lib/notifications/agents/pushover';

 const API_SPEC_PATH = path.join(__dirname, '../overseerr-api.yml');

@@ -49,6 +50,7 @@ app
      new EmailAgent(),
      new SlackAgent(),
      new TelegramAgent(),
+      new PushoverAgent(),
    ]);

    // Start Jobs
--- a/server/lib/notifications/agents/pushover.ts
+++ b/server/lib/notifications/agents/pushover.ts
@@ -0,0 +1,122 @@
+import axios from 'axios';
+import { hasNotificationType, Notification } from '..';
+import logger from '../../../logger';
+import { getSettings, NotificationAgentPushover } from '../../settings';
+import { BaseAgent, NotificationAgent, NotificationPayload } from './agent';
+
+interface PushoverPayload {
+  token: string;
+  user: string;
+  title: string;
+  message: string;
+  html: number;
+}
+
+class PushoverAgent
+  extends BaseAgent<NotificationAgentPushover>
+  implements NotificationAgent {
+  protected getSettings(): NotificationAgentPushover {
+    if (this.settings) {
+      return this.settings;
+    }
+
+    const settings = getSettings();
+
+    return settings.notifications.agents.pushover;
+  }
+
+  public shouldSend(type: Notification): boolean {
+    if (
+      this.getSettings().enabled &&
+      this.getSettings().options.accessToken &&
+      this.getSettings().options.userToken &&
+      hasNotificationType(type, this.getSettings().types)
+    ) {
+      return true;
+    }
+
+    return false;
+  }
+
+  private constructMessageDetails(
+    type: Notification,
+    payload: NotificationPayload
+  ): { title: string; message: string } {
+    const settings = getSettings();
+    let messageTitle = '';
+    let message = '';
+
+    const title = payload.subject;
+    const plot = payload.message;
+    const user = payload.notifyUser.username;
+
+    switch (type) {
+      case Notification.MEDIA_PENDING:
+        messageTitle = 'New Request';
+        message += `${title}\n\n`;
+        message += `${plot}\n\n`;
+        message += `<b>Requested By</b>\n${user}\n\n`;
+        message += `<b>Status</b>\nPending Approval\n`;
+        break;
+      case Notification.MEDIA_APPROVED:
+        messageTitle = 'Request Approved';
+        message += `${title}\n\n`;
+        message += `${plot}\n\n`;
+        message += `<b>Requested By</b>\n${user}\n\n`;
+        message += `<b>Status</b>\nProcessing Request\n`;
+        break;
+      case Notification.MEDIA_AVAILABLE:
+        messageTitle = 'Now available!';
+        message += `${title}\n\n`;
+        message += `${plot}\n\n`;
+        message += `<b>Requested By</b>\n${user}\n\n`;
+        message += `<b>Status</b>\nAvailable\n`;
+        break;
+      case Notification.TEST_NOTIFICATION:
+        messageTitle = 'Test Notification';
+        message += `${title}\n\n`;
+        message += `${plot}\n\n`;
+        message += `<b>Requested By</b>\n${user}\n`;
+        break;
+    }
+
+    if (settings.main.applicationUrl && payload.media) {
+      const actionUrl = `${settings.main.applicationUrl}/${payload.media.mediaType}/${payload.media.tmdbId}`;
+      message += `<a href="${actionUrl}">Open in Overseerr</a>`;
+    }
+
+    return { title: messageTitle, message };
+  }
+
+  public async send(
+    type: Notification,
+    payload: NotificationPayload
+  ): Promise<boolean> {
+    logger.debug('Sending Pushover notification', { label: 'Notifications' });
+    try {
+      const endpoint = 'https://api.pushover.net/1/messages.json';
+
+      const { accessToken, userToken } = this.getSettings().options;
+
+      const { title, message } = this.constructMessageDetails(type, payload);
+
+      await axios.post(endpoint, {
+        token: accessToken,
+        user: userToken,
+        title: title,
+        message: message,
+        html: 1,
+      } as PushoverPayload);
+
+      return true;
+    } catch (e) {
+      logger.error('Error sending Pushover notification', {
+        label: 'Notifications',
+        message: e.message,
+      });
+      return false;
+    }
+  }
+}
+
+export default PushoverAgent;
--- a/server/lib/settings.ts
+++ b/server/lib/settings.ts
@@ -92,11 +92,21 @@ export interface NotificationAgentTelegram extends NotificationAgentConfig {
  };
 }

+export interface NotificationAgentPushover extends NotificationAgentConfig {
+  options: {
+    accessToken: string;
+    userToken: string;
+    priority: number;
+    sound: string;
+  };
+}
+
 interface NotificationAgents {
  email: NotificationAgentEmail;
  discord: NotificationAgentDiscord;
  slack: NotificationAgentSlack;
  telegram: NotificationAgentTelegram;
+  pushover: NotificationAgentPushover;
 }

 interface NotificationSettings {
@@ -174,6 +184,16 @@ class Settings {
              chatId: '',
            },
          },
+          pushover: {
+            enabled: false,
+            types: 0,
+            options: {
+              accessToken: '',
+              userToken: '',
+              priority: 0,
+              sound: '',
+            },
+          },
        },
      },
    };
--- a/server/routes/settings.ts
+++ b/server/routes/settings.ts
@@ -26,6 +26,7 @@ import DiscordAgent from '../lib/notifications/agents/discord';
 import EmailAgent from '../lib/notifications/agents/email';
 import SlackAgent from '../lib/notifications/agents/slack';
 import TelegramAgent from '../lib/notifications/agents/telegram';
+import PushoverAgent from '../lib/notifications/agents/pushover';

 const settingsRoutes = Router();

@@ -538,6 +539,40 @@ settingsRoutes.post('/notifications/telegram/test', (req, res, next) => {
  return res.status(204).send();
 });

+settingsRoutes.get('/notifications/pushover', (_req, res) => {
+  const settings = getSettings();
+
+  res.status(200).json(settings.notifications.agents.pushover);
+});
+
+settingsRoutes.post('/notifications/pushover', (req, res) => {
+  const settings = getSettings();
+
+  settings.notifications.agents.pushover = req.body;
+  settings.save();
+
+  res.status(200).json(settings.notifications.agents.pushover);
+});
+
+settingsRoutes.post('/notifications/pushover/test', (req, res, next) => {
+  if (!req.user) {
+    return next({
+      status: 500,
+      message: 'User information missing from request',
+    });
+  }
+
+  const pushoverAgent = new PushoverAgent(req.body);
+  pushoverAgent.send(Notification.TEST_NOTIFICATION, {
+    notifyUser: req.user,
+    subject: 'Test Notification',
+    message:
+      'This is a test notification! Check check, 1, 2, 3. Are we coming in clear?',
+  });
+
+  return res.status(204).send();
+});
+
 settingsRoutes.get('/notifications/email', (_req, res) => {
  const settings = getSettings();

--- a/src/assets/extlogos/pushover.svg
+++ b/src/assets/extlogos/pushover.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="57 57 602 602" version="1.1">
+  <g id="layer1" stroke="none" stroke-width="1" fill="rgb(31, 41, 55)" fill-rule="evenodd" transform="translate(58.964119, 58.887520)" opacity="0.91">
+    <ellipse style="fill: rgb(255, 255, 255); fill-rule: evenodd; stroke: rgb(255, 255, 255); stroke-width: 0;" transform="matrix(-0.674571, 0.73821, -0.73821, -0.674571, 556.833239, 241.613465)" cx="216.308" cy="152.076" rx="296.855" ry="296.855"></ellipse>
+    <path d="M 280.949 172.514 L 355.429 162.714 L 282.909 326.374 L 282.909 326.374 C 295.649 325.394 308.142 321.067 320.389 313.394 L 320.389 313.394 L 320.389 313.394 C 332.642 305.714 343.916 296.077 354.209 284.484 L 354.209 284.484 L 354.209 284.484 C 364.496 272.884 373.396 259.981 380.909 245.774 L 380.909 245.774 L 380.909 245.774 C 388.422 231.561 393.812 217.594 397.079 203.874 L 397.079 203.874 L 397.079 203.874 C 399.039 195.381 399.939 187.214 399.779 179.374 L 399.779 179.374 L 399.779 179.374 C 399.612 171.534 397.569 164.674 393.649 158.794 L 393.649 158.794 L 393.649 158.794 C 389.729 152.914 383.766 148.177 375.759 144.584 L 375.759 144.584 L 375.759 144.584 C 367.759 140.991 356.899 139.194 343.179 139.194 L 343.179 139.194 L 343.179 139.194 C 327.172 139.194 311.409 141.807 295.889 147.034 L 295.889 147.034 L 295.889 147.034 C 280.376 152.261 266.002 159.857 252.769 169.824 L 252.769 169.824 L 252.769 169.824 C 239.542 179.784 228.029 192.197 218.229 207.064 L 218.229 207.064 L 218.229 207.064 C 208.429 221.924 201.406 238.827 197.159 257.774 L 197.159 257.774 L 197.159 257.774 C 195.526 263.981 194.546 268.961 194.219 272.714 L 194.219 272.714 L 194.219 272.714 C 193.892 276.474 193.812 279.577 193.979 282.024 L 193.979 282.024 L 193.979 282.024 C 194.139 284.477 194.462 286.357 194.949 287.664 L 194.949 287.664 L 194.949 287.664 C 195.442 288.971 195.852 290.277 196.179 291.584 L 196.179 291.584 L 196.179 291.584 C 179.519 291.584 167.349 288.234 159.669 281.534 L 159.669 281.534 L 159.669 281.534 C 151.996 274.841 150.119 263.164 154.039 246.504 L 154.039 246.504 L 154.039 246.504 C 157.959 229.191 166.862 212.694 180.749 197.014 L 180.749 197.014 L 180.749 197.014 C 194.629 181.334 211.122 167.531 230.229 155.604 L 230.229 155.604 L 230.229 155.604 C 249.342 143.684 270.249 134.214 292.949 127.194 L 292.949 127.194 L 292.949 127.194 C 315.656 120.167 337.789 116.654 359.349 116.654 L 359.349 116.654 L 359.349 116.654 C 378.296 116.654 394.219 119.347 407.119 124.734 L 407.119 124.734 L 407.119 124.734 C 420.026 130.127 430.072 137.234 437.259 146.054 L 437.259 146.054 L 437.259 146.054 C 444.446 154.874 448.936 165.164 450.729 176.924 L 450.729 176.924 L 450.729 176.924 C 452.529 188.684 451.959 200.934 449.019 213.674 L 449.019 213.674 L 449.019 213.674 C 445.426 229.027 438.646 244.464 428.679 259.984 L 428.679 259.984 L 428.679 259.984 C 418.719 275.497 406.226 289.544 391.199 302.124 L 391.199 302.124 L 391.199 302.124 C 376.172 314.697 358.939 324.904 339.499 332.744 L 339.499 332.744 L 339.499 332.744 C 320.066 340.584 299.406 344.504 277.519 344.504 L 277.519 344.504 L 275.069 344.504 L 212.839 484.154 L 142.279 484.154 L 280.949 172.514 Z" transform="matrix(1, 0, 0, 1, 0, 0)" style="fill-rule: nonzero; white-space: pre;"></path>
+  </g>
+</svg>
--- a/src/components/Settings/Notifications/NotificationsPushover/index.tsx
+++ b/src/components/Settings/Notifications/NotificationsPushover/index.tsx
@@ -0,0 +1,257 @@
+import React from 'react';
+import { Field, Form, Formik } from 'formik';
+import useSWR from 'swr';
+import LoadingSpinner from '../../../Common/LoadingSpinner';
+import Button from '../../../Common/Button';
+import { defineMessages, useIntl } from 'react-intl';
+import axios from 'axios';
+import * as Yup from 'yup';
+import { useToasts } from 'react-toast-notifications';
+import Alert from '../../../Common/Alert';
+import NotificationTypeSelector from '../../../NotificationTypeSelector';
+
+const messages = defineMessages({
+  save: 'Save Changes',
+  saving: 'Saving...',
+  agentenabled: 'Agent Enabled',
+  accessToken: 'Access Token',
+  userToken: 'User Token',
+  validationAccessTokenRequired: 'You must provide an access token.',
+  validationUserTokenRequired: 'You must provide a user token.',
+  pushoversettingssaved: 'Pushover notification settings saved!',
+  pushoversettingsfailed: 'Pushover notification settings failed to save.',
+  testsent: 'Test notification sent!',
+  test: 'Test',
+  settinguppushover: 'Setting up Pushover Notifications',
+  settinguppushoverDescription:
+    'To setup Pushover you need to <RegisterApplicationLink>register an application</RegisterApplicationLink> and get the access token.\
+    When setting up the application you can use one of the icons in the <IconLink>public folder</IconLink> on github.\
+    You also need the pushover user token which can be found on the start page when you log in.',
+  notificationtypes: 'Notification Types',
+});
+
+const NotificationsPushover: React.FC = () => {
+  const intl = useIntl();
+  const { addToast } = useToasts();
+  const { data, error, revalidate } = useSWR(
+    '/api/v1/settings/notifications/pushover'
+  );
+
+  const NotificationsPushoverSchema = Yup.object().shape({
+    accessToken: Yup.string().required(
+      intl.formatMessage(messages.validationAccessTokenRequired)
+    ),
+    userToken: Yup.string().required(
+      intl.formatMessage(messages.validationUserTokenRequired)
+    ),
+  });
+
+  if (!data && !error) {
+    return <LoadingSpinner />;
+  }
+
+  return (
+    <Formik
+      initialValues={{
+        enabled: data?.enabled,
+        types: data?.types,
+        accessToken: data?.options.accessToken,
+        userToken: data?.options.userToken,
+      }}
+      validationSchema={NotificationsPushoverSchema}
+      onSubmit={async (values) => {
+        try {
+          await axios.post('/api/v1/settings/notifications/pushover', {
+            enabled: values.enabled,
+            types: values.types,
+            options: {
+              accessToken: values.accessToken,
+              userToken: values.userToken,
+            },
+          });
+          addToast(intl.formatMessage(messages.pushoversettingssaved), {
+            appearance: 'success',
+            autoDismiss: true,
+          });
+        } catch (e) {
+          addToast(intl.formatMessage(messages.pushoversettingsfailed), {
+            appearance: 'error',
+            autoDismiss: true,
+          });
+        } finally {
+          revalidate();
+        }
+      }}
+    >
+      {({ errors, touched, isSubmitting, values, isValid, setFieldValue }) => {
+        const testSettings = async () => {
+          await axios.post('/api/v1/settings/notifications/pushover/test', {
+            enabled: true,
+            types: values.types,
+            options: {
+              accessToken: values.accessToken,
+              userToken: values.userToken,
+            },
+          });
+
+          addToast(intl.formatMessage(messages.testsent), {
+            appearance: 'info',
+            autoDismiss: true,
+          });
+        };
+
+        return (
+          <>
+            <Alert
+              title={intl.formatMessage(messages.settinguppushover)}
+              type="info"
+            >
+              {intl.formatMessage(messages.settinguppushoverDescription, {
+                RegisterApplicationLink: function RegisterApplicationLink(msg) {
+                  return (
+                    <a
+                      href="https://pushover.net/apps/build"
+                      className="text-indigo-100 hover:text-white hover:underline"
+                      target="_blank"
+                      rel="noreferrer"
+                    >
+                      {msg}
+                    </a>
+                  );
+                },
+                IconLink: function IconLink(msg) {
+                  return (
+                    <a
+                      href="https://github.com/sct/overseerr/tree/develop/public"
+                      className="text-indigo-100 hover:text-white hover:underline"
+                      target="_blank"
+                      rel="noreferrer"
+                    >
+                      {msg}
+                    </a>
+                  );
+                },
+              })}
+            </Alert>
+            <Form>
+              <div className="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-200">
+                <label
+                  htmlFor="enabled"
+                  className="block text-sm font-medium leading-5 text-gray-400 sm:mt-px"
+                >
+                  {intl.formatMessage(messages.agentenabled)}
+                </label>
+                <div className="mt-1 sm:mt-0 sm:col-span-2">
+                  <Field
+                    type="checkbox"
+                    id="enabled"
+                    name="enabled"
+                    className="w-6 h-6 text-indigo-600 transition duration-150 ease-in-out rounded-md form-checkbox"
+                  />
+                </div>
+              </div>
+              <div className="mt-6 sm:mt-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:items-start sm:border-t sm:border-gray-800">
+                <label
+                  htmlFor="accessToken"
+                  className="block text-sm font-medium leading-5 text-gray-400 sm:mt-px"
+                >
+                  {intl.formatMessage(messages.accessToken)}
+                </label>
+                <div className="mt-1 sm:mt-0 sm:col-span-2">
+                  <div className="flex max-w-lg rounded-md shadow-sm">
+                    <Field
+                      id="accessToken"
+                      name="accessToken"
+                      type="text"
+                      placeholder={intl.formatMessage(messages.accessToken)}
+                      className="flex-1 block w-full min-w-0 transition duration-150 ease-in-out bg-gray-700 border border-gray-500 rounded-md form-input sm:text-sm sm:leading-5"
+                    />
+                  </div>
+                  {errors.accessToken && touched.accessToken && (
+                    <div className="mt-2 text-red-500">
+                      {errors.accessToken}
+                    </div>
+                  )}
+                </div>
+                <label
+                  htmlFor="userToken"
+                  className="block text-sm font-medium leading-5 text-gray-400 sm:mt-px"
+                >
+                  {intl.formatMessage(messages.userToken)}
+                </label>
+                <div className="mt-1 sm:mt-0 sm:col-span-2">
+                  <div className="flex max-w-lg rounded-md shadow-sm">
+                    <Field
+                      id="userToken"
+                      name="userToken"
+                      type="text"
+                      placeholder={intl.formatMessage(messages.userToken)}
+                      className="flex-1 block w-full min-w-0 transition duration-150 ease-in-out bg-gray-700 border border-gray-500 rounded-md form-input sm:text-sm sm:leading-5"
+                    />
+                  </div>
+                  {errors.userToken && touched.userToken && (
+                    <div className="mt-2 text-red-500">{errors.userToken}</div>
+                  )}
+                </div>
+              </div>
+              <div className="mt-6">
+                <div role="group" aria-labelledby="label-permissions">
+                  <div className="sm:grid sm:grid-cols-3 sm:gap-4 sm:items-baseline">
+                    <div>
+                      <div
+                        className="text-base font-medium leading-6 text-gray-400 sm:text-sm sm:leading-5"
+                        id="label-types"
+                      >
+                        {intl.formatMessage(messages.notificationtypes)}
+                      </div>
+                    </div>
+                    <div className="mt-4 sm:mt-0 sm:col-span-2">
+                      <div className="max-w-lg">
+                        <NotificationTypeSelector
+                          currentTypes={values.types}
+                          onUpdate={(newTypes) =>
+                            setFieldValue('types', newTypes)
+                          }
+                        />
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div className="pt-5 mt-8 border-t border-gray-700">
+                <div className="flex justify-end">
+                  <span className="inline-flex ml-3 rounded-md shadow-sm">
+                    <Button
+                      buttonType="warning"
+                      disabled={isSubmitting || !isValid}
+                      onClick={(e) => {
+                        e.preventDefault();
+
+                        testSettings();
+                      }}
+                    >
+                      {intl.formatMessage(messages.test)}
+                    </Button>
+                  </span>
+                  <span className="inline-flex ml-3 rounded-md shadow-sm">
+                    <Button
+                      buttonType="primary"
+                      type="submit"
+                      disabled={isSubmitting || !isValid}
+                    >
+                      {isSubmitting
+                        ? intl.formatMessage(messages.saving)
+                        : intl.formatMessage(messages.save)}
+                    </Button>
+                  </span>
+                </div>
+              </div>
+            </Form>
+          </>
+        );
+      }}
+    </Formik>
+  );
+};
+
+export default NotificationsPushover;
--- a/src/components/Settings/SettingsNotifications.tsx
+++ b/src/components/Settings/SettingsNotifications.tsx
@@ -5,6 +5,7 @@ import { defineMessages, useIntl } from 'react-intl';
 import DiscordLogo from '../../assets/extlogos/discord_white.svg';
 import SlackLogo from '../../assets/extlogos/slack.svg';
 import TelegramLogo from '../../assets/extlogos/telegram.svg';
+import PushoverLogo from '../../assets/extlogos/pushover.svg';

 const messages = defineMessages({
  notificationsettings: 'Notification Settings',
@@ -77,6 +78,17 @@ const settingsRoutes: SettingsRoute[] = [
    route: '/settings/notifications/telegram',
    regex: /^\/settings\/notifications\/telegram/,
  },
+  {
+    text: 'Pushover',
+    content: (
+      <span className="flex items-center">
+        <PushoverLogo className="h-4 mr-2" />
+        Pushover
+      </span>
+    ),
+    route: '/settings/notifications/pushover',
+    regex: /^\/settings\/notifications\/pushover/,
+  },
 ];

 const SettingsNotifications: React.FC = ({ children }) => {
--- a/src/i18n/locale/en.json
+++ b/src/i18n/locale/en.json
@@ -83,13 +83,20 @@
  "components.RequestList.RequestItem.notavailable": "N/A",
  "components.RequestList.RequestItem.requestedby": "Requested by {username}",
  "components.RequestList.RequestItem.seasons": "Seasons",
+  "components.RequestList.filterAll": "All",
+  "components.RequestList.filterApproved": "Approved",
+  "components.RequestList.filterPending": "Pending",
  "components.RequestList.mediaInfo": "Media Info",
  "components.RequestList.modifiedBy": "Last Modified By",
  "components.RequestList.next": "Next",
+  "components.RequestList.noresults": "No Results.",
  "components.RequestList.previous": "Previous",
  "components.RequestList.requestedAt": "Requested At",
  "components.RequestList.requests": "Requests",
+  "components.RequestList.showallrequests": "Show All Requests",
  "components.RequestList.showingresults": "Showing <strong>{from}</strong> to <strong>{to}</strong> of <strong>{total}</strong> results",
+  "components.RequestList.sortAdded": "Request Date",
+  "components.RequestList.sortModified": "Last Modified",
  "components.RequestList.status": "Status",
  "components.RequestModal.cancel": "Cancel Request",
  "components.RequestModal.cancelling": "Cancelling…",
@@ -112,6 +119,20 @@
  "components.RequestModal.selectseason": "Select season(s)",
  "components.RequestModal.status": "Status",
  "components.Search.searchresults": "Search Results",
+  "components.Settings.Notifications.NotificationsPushover.accessToken": "Access Token",
+  "components.Settings.Notifications.NotificationsPushover.agentenabled": "Agent Enabled",
+  "components.Settings.Notifications.NotificationsPushover.notificationtypes": "Notification Types",
+  "components.Settings.Notifications.NotificationsPushover.pushoversettingsfailed": "Pushover notification settings failed to save.",
+  "components.Settings.Notifications.NotificationsPushover.pushoversettingssaved": "Pushover notification settings saved!",
+  "components.Settings.Notifications.NotificationsPushover.save": "Save Changes",
+  "components.Settings.Notifications.NotificationsPushover.saving": "Saving...",
+  "components.Settings.Notifications.NotificationsPushover.settinguppushover": "Setting up Pushover Notifications",
+  "components.Settings.Notifications.NotificationsPushover.settinguppushoverDescription": "To setup Pushover you need to <RegisterApplicationLink>register an application</RegisterApplicationLink> and get the access token.    When setting up the application you can use one of the icons in the <IconLink>public folder</IconLink> on github.    You also need the pushover user token which can be found on the start page when you log in.",
+  "components.Settings.Notifications.NotificationsPushover.test": "Test",
+  "components.Settings.Notifications.NotificationsPushover.testsent": "Test notification sent!",
+  "components.Settings.Notifications.NotificationsPushover.userToken": "User Token",
+  "components.Settings.Notifications.NotificationsPushover.validationAccessTokenRequired": "You must provide an access token.",
+  "components.Settings.Notifications.NotificationsPushover.validationUserTokenRequired": "You must provide a user token.",
  "components.Settings.Notifications.NotificationsSlack.agentenabled": "Agent Enabled",
  "components.Settings.Notifications.NotificationsSlack.notificationtypes": "Notification Types",
  "components.Settings.Notifications.NotificationsSlack.save": "Save Changes",
--- a/src/pages/settings/notifications/pushover.tsx
+++ b/src/pages/settings/notifications/pushover.tsx
@@ -0,0 +1,17 @@
+import { NextPage } from 'next';
+import React from 'react';
+import NotificationsPushover from '../../../components/Settings/Notifications/NotificationsPushover';
+import SettingsLayout from '../../../components/Settings/SettingsLayout';
+import SettingsNotifications from '../../../components/Settings/SettingsNotifications';
+
+const NotificationsPage: NextPage = () => {
+  return (
+    <SettingsLayout>
+      <SettingsNotifications>
+        <NotificationsPushover />
+      </SettingsNotifications>
+    </SettingsLayout>
+  );
+};
+
+export default NotificationsPage;