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;
|
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>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user