From 79d5f9d6415d1ba191d019dc32422ad2d4ec1132 Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jan.tuomi@eficode.com>
Date: Mon, 14 Jan 2019 19:37:36 +0200
Subject: [PATCH] Add admin page placeholder

---
 src/index.scss                               |  1 +
 src/pages/AdminEventPage/AdminEventPage.scss |  3 +++
 src/pages/AdminEventPage/AdminEventPage.tsx  | 21 ++++++++++++++++++
 src/pages/AdminEventPage/index.ts            |  2 ++
 src/pages/AdminFrontPage/AdminFrontPage.scss |  3 +++
 src/pages/AdminFrontPage/AdminFrontPage.tsx  | 23 ++++++++++++++++++++
 src/pages/AdminFrontPage/index.ts            |  2 ++
 src/routes.tsx                               |  5 +++++
 8 files changed, 60 insertions(+)
 create mode 100644 src/pages/AdminEventPage/AdminEventPage.scss
 create mode 100644 src/pages/AdminEventPage/AdminEventPage.tsx
 create mode 100644 src/pages/AdminEventPage/index.ts
 create mode 100644 src/pages/AdminFrontPage/AdminFrontPage.scss
 create mode 100644 src/pages/AdminFrontPage/AdminFrontPage.tsx
 create mode 100644 src/pages/AdminFrontPage/index.ts

diff --git a/src/index.scss b/src/index.scss
index f15dea4..be63c6f 100644
--- a/src/index.scss
+++ b/src/index.scss
@@ -38,4 +38,5 @@ p {
 a,
 a:hover {
   text-decoration: none;
+  color: $white;
 }
diff --git a/src/pages/AdminEventPage/AdminEventPage.scss b/src/pages/AdminEventPage/AdminEventPage.scss
new file mode 100644
index 0000000..2241842
--- /dev/null
+++ b/src/pages/AdminEventPage/AdminEventPage.scss
@@ -0,0 +1,3 @@
+.admin-event-page {
+  padding: 1rem;
+}
diff --git a/src/pages/AdminEventPage/AdminEventPage.tsx b/src/pages/AdminEventPage/AdminEventPage.tsx
new file mode 100644
index 0000000..4c0058e
--- /dev/null
+++ b/src/pages/AdminEventPage/AdminEventPage.tsx
@@ -0,0 +1,21 @@
+import * as React from "react";
+import Helmet from "react-helmet";
+import "./AdminEventPage.scss";
+
+export interface AdminEventPageProps {}
+export interface AdminEventPageState {}
+
+class AdminEventPage extends React.Component<AdminEventPageProps, AdminEventPageState> {
+  render() {
+    return (
+      <div className="admin-event-page">
+        <Helmet>
+          <link rel="canonical" href="https://sik.ayy.fi/admin/events" />
+        </Helmet>
+        Admin Event Page
+      </div>
+    );
+  }
+}
+
+export default AdminEventPage;
diff --git a/src/pages/AdminEventPage/index.ts b/src/pages/AdminEventPage/index.ts
new file mode 100644
index 0000000..ee74a94
--- /dev/null
+++ b/src/pages/AdminEventPage/index.ts
@@ -0,0 +1,2 @@
+import AdminEventPage from "./AdminEventPage";
+export default AdminEventPage;
diff --git a/src/pages/AdminFrontPage/AdminFrontPage.scss b/src/pages/AdminFrontPage/AdminFrontPage.scss
new file mode 100644
index 0000000..55c7970
--- /dev/null
+++ b/src/pages/AdminFrontPage/AdminFrontPage.scss
@@ -0,0 +1,3 @@
+.admin-front-page {
+  padding: 1rem;
+}
diff --git a/src/pages/AdminFrontPage/AdminFrontPage.tsx b/src/pages/AdminFrontPage/AdminFrontPage.tsx
new file mode 100644
index 0000000..0a17f35
--- /dev/null
+++ b/src/pages/AdminFrontPage/AdminFrontPage.tsx
@@ -0,0 +1,23 @@
+import * as React from "react";
+import Helmet from "react-helmet";
+import { Link } from "react-router-dom";
+import "./AdminFrontPage.scss";
+
+export interface AdminFrontPageProps {}
+export interface AdminFrontPageState {}
+
+class AdminFrontPage extends React.Component<AdminFrontPageProps, AdminFrontPageState> {
+  render() {
+    return (
+      <div className="admin-front-page">
+        <Helmet>
+          <link rel="canonical" href="https://sik.ayy.fi/admin" />
+        </Helmet>
+        <div>Admin Front Page</div>
+        <Link to="/admin/events">Events</Link>
+      </div>
+    );
+  }
+}
+
+export default AdminFrontPage;
diff --git a/src/pages/AdminFrontPage/index.ts b/src/pages/AdminFrontPage/index.ts
new file mode 100644
index 0000000..1872125
--- /dev/null
+++ b/src/pages/AdminFrontPage/index.ts
@@ -0,0 +1,2 @@
+import AdminFrontPage from "./AdminFrontPage";
+export default AdminFrontPage;
diff --git a/src/routes.tsx b/src/routes.tsx
index cf49b10..325be9a 100644
--- a/src/routes.tsx
+++ b/src/routes.tsx
@@ -8,6 +8,8 @@ import NotFoundPage from "./pages/NotFoundPage";
 import CommonPage from "./pages/CommonPage";
 import JsonLD from "./components/JsonLD";
 import "./index.scss";
+import AdminFrontPage from "./pages/AdminFrontPage";
+import AdminEventPage from "./pages/AdminEventPage";
 
 const renderPage = (Page) => (props): JSX.Element => {
   return <CommonPage page={Page} {...props} />;
@@ -29,6 +31,9 @@ const Routes = () => (
     <Switch>
       <Route exact path="/" render={renderPage(FrontPage)} />
       <Route path="/kilta" render={renderPage(GuildPage)} />
+
+      <Route path="/admin/events" render={renderPage(AdminEventPage)} />
+      <Route path="/admin" render={renderPage(AdminFrontPage)} />
       <Route component={NotFoundPage} />
     </Switch>
   </Fragment>