src/pages/view/[project].js from imaginerio/narratives

src/pages/view/[project].js
Summary

Maintainability

2 hrs
Test Coverage

Issues
import React from 'react';
import PropTypes from 'prop-types';
import axios from 'axios';

import View from '../../components/View';
import Head from '../../components/Head';

const Preview = ({ data }) => (
  <>
    <Head title={data.Project.title} />
    <View data={data} />
  </>
);

export default Preview;

Preview.propTypes = {
  data: PropTypes.shape().isRequired,
};

export async function getServerSideProps({ params, req }) {
  const {
    data: { data },
  } = await axios.post(`${req.protocol}://${req.get('Host')}/admin/api`, {
    query: `query GetFullProject($project: ID!) {
        Project(where: { id: $project }) {
          title
          description
          imageTitle
          source
          url
          user {
            name
          }
          slides(sortBy: order_ASC) {
            id
            title
            description
            year
            longitude
            latitude
            zoom
            bearing
            pitch
            opacity
            size
            media
            selectedFeature
            imageTitle
            url
            source
            annotations {
              id
              feature
            }
            disabledLayers: layers {
              id
              layerId
            }
            basemap {
              ssid
              title
              creator
            }
          }
        }
      }
    `,
    variables: {
      project: params.project,
    },
  });

  return { props: { data } };
}