Embed new web UI into server

web/src/app/config.js

@@ -1,2 +1,5 @@
-const config = window.config;
+//const config = window.config;
+const config = {
+    defaultBaseUrl: "https://ntfy.sh"
+};
 export default config;

web/src/components/App.js

@@ -21,7 +21,6 @@ import {BrowserRouter, Route, Routes, useLocation, useNavigate} from "react-rout
 import {subscriptionRoute} from "../app/utils";
 
 // TODO support unsubscribed routes
-// TODO embed into ntfy server
 // TODO googlefonts
 // TODO new notification indicator
 // TODO sound

web/src/components/Notifications.js

@@ -251,7 +251,7 @@ const NothingHereYet = (props) => {
     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 />
+                <img src="/static/img/ntfy-outline.svg" height="64" width="64" alt="No notifications"/><br />
                 You haven't received any notifications for this topic yet.
             </Typography>
             <Paragraph>

web/src/components/SubscribeDialog.js

@@ -109,6 +109,7 @@ const SubscribePage = (props) => {
                     margin="dense"
                     id="topic"
                     placeholder="Topic name, e.g. phil_alerts"
+                    inputProps={{ maxLength: 64 }}
                     value={props.topic}
                     onChange={ev => props.setTopic(ev.target.value)}
                     type="text"