New: Project Aphrodite

frontend/src/Components/NotFound.js

@@ -0,0 +1,31 @@
+import PropTypes from 'prop-types';
+import React from 'react';
+import PageContent from 'Components/Page/PageContent';
+import styles from './NotFound.css';
+
+function NotFound({ message }) {
+  return (
+    <PageContent title="MIA">
+      <div className={styles.container}>
+        <div className={styles.message}>
+          {message}
+        </div>
+
+        <img
+          className={styles.image}
+          src={`${window.Radarr.urlBase}/Content/Images/404.png`}
+        />
+      </div>
+    </PageContent>
+  );
+}
+
+NotFound.propTypes = {
+  message: PropTypes.string.isRequired
+};
+
+NotFound.defaultProps = {
+  message: 'You must be lost, nothing to see here.'
+};
+
+export default NotFound;