From b8b5f2f7c48898ace00e76a26715d91715629d61 Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jan.tuomi@eficode.com>
Date: Mon, 11 Mar 2019 21:09:33 +0200
Subject: [PATCH] Put in "add links" to admin pages

---
 src/assets/img/add-icon.png                    | Bin 0 -> 409 bytes
 src/pages/AdminCommonPage/AdminCommonPage.scss |  17 +++++++++++++++++
 src/pages/AdminEventPage/AdminEventPage.tsx    |   9 +++++++++
 src/pages/AdminFeedPage/AdminFeedPage.tsx      |   9 +++++++++
 4 files changed, 35 insertions(+)
 create mode 100644 src/assets/img/add-icon.png

diff --git a/src/assets/img/add-icon.png b/src/assets/img/add-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..526fe173cda4f90771427a08aaef8c70660250fc
GIT binary patch
literal 409
zcmeAS@N?(olHy`uVBq!ia0vp^4j|0I3?%1nZ+ru!n2Vh}LpV4%Za?&Y0OWEOctjR6
zFo=qSFylSDqQ^i%$r9IylHmNblJdl&REF~Ma=pyF?Be9af>gcyqV(DCY@~pS%mREu
zT>t<7@37xNesPe>LO<n&ekzN6l^6Od0ZAZQ3_?&gL<C0eb4yeOnjlyb<QL4qB5CLt
zn_ky5W5K3751+mJXSs9jHlXAVPZ!6Kh{JEMd-FFd2(Ua5eWLnl#{d86)tNaT6S#`s
zoV)sF`ic!FJ8X`$#ANfii9H6o>FnCG?lGO(pR4~f)XtxOpKD*xw#)-b9dp_KaQw(r
z=yjOI)+cBo65!DIpTX?)<-*gJOwa#Te)@K6a`nNWQ`O<e`;LCmP<rHWq;tkGhO-_F
zQx#@1ZwldCVdJo$>963+`yTQt|1>^N@7#ZGm#`?%l;am#o7dTtyj+wmA8YgT)#>T)
d@4x!bofVj6yZGq}exM&1JYD@<);T3K0RU@~rE>rP

literal 0
HcmV?d00001

diff --git a/src/pages/AdminCommonPage/AdminCommonPage.scss b/src/pages/AdminCommonPage/AdminCommonPage.scss
index a1e50ee..cc0d4a5 100644
--- a/src/pages/AdminCommonPage/AdminCommonPage.scss
+++ b/src/pages/AdminCommonPage/AdminCommonPage.scss
@@ -34,4 +34,21 @@
     color: $orange2;
     display: inline-block;
   }
+
+  .add-link {
+    display: flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    margin-bottom: 1rem;
+
+    &:hover {
+      color: $orange2;
+    }
+
+    img {
+      margin-right: 8px;
+      margin-top: -2px;
+      width: 20px;
+    }
+  }
 }
diff --git a/src/pages/AdminEventPage/AdminEventPage.tsx b/src/pages/AdminEventPage/AdminEventPage.tsx
index aaeacb7..df77c26 100644
--- a/src/pages/AdminEventPage/AdminEventPage.tsx
+++ b/src/pages/AdminEventPage/AdminEventPage.tsx
@@ -6,6 +6,8 @@ import { formatRelative } from "date-fns";
 import "./AdminEventPage.scss";
 import { Event, getEvents } from "../../models/Event";
 import { StaticContext } from "../../server/StaticContext";
+// @ts-ignore
+import * as AddIcon from "../../assets/img/add-icon.png";
 
 
 export interface AdminEventPageProps {
@@ -61,6 +63,12 @@ class AdminEventPage extends React.Component<AdminEventPageProps, AdminEventPage
     }
   }
 
+  renderAddLink = () => (
+    <Link className="add-link" to="/admin/events/create">
+      <img src={AddIcon} /> Create event
+    </Link>
+  )
+
   renderData = () => {
     const { events, error } = this.state;
 
@@ -101,6 +109,7 @@ class AdminEventPage extends React.Component<AdminEventPageProps, AdminEventPage
           <link rel="canonical" href="https://sik.ayy.fi/admin/events" />
         </Helmet>
         <h1>Events</h1>
+        { this.renderAddLink() }
         { this.renderData() }
       </div>
     );
diff --git a/src/pages/AdminFeedPage/AdminFeedPage.tsx b/src/pages/AdminFeedPage/AdminFeedPage.tsx
index b535780..8f7f8f6 100644
--- a/src/pages/AdminFeedPage/AdminFeedPage.tsx
+++ b/src/pages/AdminFeedPage/AdminFeedPage.tsx
@@ -7,6 +7,8 @@ import{Feed, getFeed} from "../../models/Feed";
 import { getEvents } from "../../models/Event";
 import { formatRelative } from "date-fns";
 import { th } from "date-fns/esm/locale";
+// @ts-ignore
+import * as AddIcon from "../../assets/img/add-icon.png";
 
 export interface AdminFeedPageProps {
   staticContext: StaticContext;
@@ -61,6 +63,12 @@ class AdminFeedPage extends React.Component<AdminFeedPageProps, AdminFeedPageSta
     }
   }
 
+  renderAddLink = () => (
+    <Link className="add-link" to="/admin/feed/create">
+      <img src={AddIcon} /> Create post
+    </Link>
+  )
+
   renderData = () => {
     const { feed, error } = this.state;
 
@@ -102,6 +110,7 @@ class AdminFeedPage extends React.Component<AdminFeedPageProps, AdminFeedPageSta
           <link rel="canonical" href="https://sik.ayy.fi/admin/feed" />
         </Helmet>
         <h1>Feed</h1>
+        { this.renderAddLink() }
         { this.renderData() }
       </div>
     );