import "../components/main"
import getConfig from 'next/config'
import Layout from "../components/main"
import StoryPager from "../components/storypager"
import { getAllPosts } from "../data/external/cms";
//import { popStoryPager } from "../data/external/cms"

export async function getServerSideProps(context) {
    if(context.query.page == null || context.query.page == '0') {
        var page = 0;
    } else {
        var page = Number(context.query.page) - 1
    }

    const { serverRuntimeConfig, publicRuntimeConfig } = getConfig()

    const articles = await getAllPosts('tech-and-disability', page, 5)

    const secres = await fetch(serverRuntimeConfig.base_path + `/api/sections`)
    const secdata = await secres.json()

    const pagedata = {'title': 'Tech and Disability'}
    
    return {
        props: { articles, sections : secdata, pagedata }, // will be passed to the page component as props
    }
  }

function News({ articles, sections, pagedata }) {
    return <Layout sections={sections} pagedata={pagedata}>
        <h1>Tech and Disability</h1>
        <StoryPager storydata={articles} />
    </Layout>
}

export default News