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; color: $orange2;
display: inline-block; 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 "./AdminEventPage.scss";
import { Event, getEvents } from "../../models/Event"; import { Event, getEvents } from "../../models/Event";
import { StaticContext } from "../../server/StaticContext"; import { StaticContext } from "../../server/StaticContext";
// @ts-ignore
import * as AddIcon from "../../assets/img/add-icon.png";
export interface AdminEventPageProps { 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 = () => { renderData = () => {
const { events, error } = this.state; 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" /> <link rel="canonical" href="https://sik.ayy.fi/admin/events" />
</Helmet> </Helmet>
<h1>Events</h1> <h1>Events</h1>
{ this.renderAddLink() }
{ this.renderData() } { this.renderData() }
</div> </div>
); );
@@ -7,6 +7,8 @@ import{Feed, getFeed} from "../../models/Feed";
import { getEvents } from "../../models/Event"; import { getEvents } from "../../models/Event";
import { formatRelative } from "date-fns"; import { formatRelative } from "date-fns";
import { th } from "date-fns/esm/locale"; import { th } from "date-fns/esm/locale";
// @ts-ignore
import * as AddIcon from "../../assets/img/add-icon.png";
export interface AdminFeedPageProps { export interface AdminFeedPageProps {
staticContext: StaticContext; 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 = () => { renderData = () => {
const { feed, error } = this.state; 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" /> <link rel="canonical" href="https://sik.ayy.fi/admin/feed" />
</Helmet> </Helmet>
<h1>Feed</h1> <h1>Feed</h1>
{ this.renderAddLink() }
{ this.renderData() } { this.renderData() }
</div> </div>
); );