import React from 'react' import Head from 'next/head' import { get } from 'lodash' import { App } from '../src/components/App' import { Meta } from '../src/components/Meta' import { CollectiveImage } from '../src/components/CollectiveImage' import PersonCard from '../src/components/PersonCard' import { CardList } from '../src/components/CardList' import menuModel from '../src/models/menu' import { buildMenu } from '../src/lib/menu' import { meta } from '../src/lib/meta' import { createApiUrl, requestGet, wrapInitialProps } from '../src/next-lib' const Page = (props) => ( {props.title}
{!props.image ? null : ( )} ( )} />
) Page.getInitialProps = wrapInitialProps(async (ctx) => { const pageUrl = ctx.req.url const res = await requestGet(createApiUrl(ctx.req, '/api/persons'), {}) const persons = res.items || [] const title = 'Преподаватели Шлиссельбургской ДХШ' const imageFile = 'Images/HudozkaCollective2017.jpg' const resImage = await requestGet(createApiUrl(ctx.req, `/api/image?file=${imageFile}`), null) const image = get(resImage, 'data.artifacts.large', null) return { persons, image, pageUrl, title, meta: meta({ title, url: pageUrl, description: 'Преподаватели Шлиссельбургской ДХШ', }) } }) export default Page