diff --git a/Containers/UserSettings/AppriseAlertSettings/AppriseAlertSettings.js b/Containers/UserSettings/AppriseAlertSettings/AppriseAlertSettings.js new file mode 100644 index 0000000..0d0389e --- /dev/null +++ b/Containers/UserSettings/AppriseAlertSettings/AppriseAlertSettings.js @@ -0,0 +1,78 @@ +//Lib +import { useEffect } from 'react'; +import { toast } from 'react-toastify'; +import 'react-toastify/dist/ReactToastify.css'; +import classes from '../UserSettings.module.css'; +import { useState } from 'react'; +import { SpinnerCircularFixed } from 'spinners-react'; + +//Components +import Error from '../../../Components/UI/Error/Error'; +import Switch from '../../../Components/UI/Switch/Switch'; + +export default function AppriseAlertSettings() { + return ( + <> + {/* APPRISE ALERT */} +
+
+

Apprise alert

+
+
+
+ + // onChangeSwitchHandler({ emailAlert: e }) + // } + /> +
+
+ Apprise URLs +
+ +
+
+ Use{' '} + + Apprise URLs + {' '} + to send a notification to any service. +
+ +
+
+
+ + ); +} diff --git a/Containers/UserSettings/UserSettings.js b/Containers/UserSettings/UserSettings.js index c324aa0..0b82d94 100644 --- a/Containers/UserSettings/UserSettings.js +++ b/Containers/UserSettings/UserSettings.js @@ -7,6 +7,7 @@ import EmailSettings from './EmailSettings/EmailSettings'; import PasswordSettings from './PasswordSettings/PasswordSettings'; import UsernameSettings from './UsernameSettings/UsernameSettings'; import EmailAlertSettings from './EmailAlertSettings/EmailAlertSettings'; +import AppriseAlertSettings from './AppriseAlertSettings/AppriseAlertSettings'; export default function UserSettings(props) { return ( @@ -23,6 +24,7 @@ export default function UserSettings(props) { + ); } diff --git a/Containers/UserSettings/UserSettings.module.css b/Containers/UserSettings/UserSettings.module.css index f0caa71..1c6ab20 100644 --- a/Containers/UserSettings/UserSettings.module.css +++ b/Containers/UserSettings/UserSettings.module.css @@ -59,6 +59,14 @@ width: 100%; height: auto; color: #494b7a; + font-family: var( + --pure-material-font, + 'Roboto', + 'Segoe UI', + BlinkMacSystemFont, + system-ui, + -apple-system + ); } .bwFormWrapper p {