Put in "add links" to admin pages

This commit is contained in:
Jan Tuomi
2019-03-11 21:09:33 +02:00
parent da2a1db61b
commit b8b5f2f7c4
4 changed files with 35 additions and 0 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 409 B

@@ -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;
}
}
}
@@ -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>
);
@@ -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>
);