diff --git a/src/assets/img/add-icon.png b/src/assets/img/add-icon.png new file mode 100644 index 0000000..526fe17 Binary files /dev/null and b/src/assets/img/add-icon.png differ 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 ( + + Create event + + ) + renderData = () => { const { events, error } = this.state; @@ -101,6 +109,7 @@ class AdminEventPage extends React.Component

Events

+ { this.renderAddLink() } { this.renderData() } ); 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 ( + + Create post + + ) + renderData = () => { const { feed, error } = this.state; @@ -102,6 +110,7 @@ class AdminFeedPage extends React.Component

Feed

+ { this.renderAddLink() } { this.renderData() } );