Put in "add links" to admin pages
This commit is contained in:
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>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user