import Layout from '../../../components/layout' import { getGetServerSideProps } from '../../../api/ssrApollo' import TopHeader from '../../../components/top-header' import { TOP_COWBOYS } from '../../../fragments/users' import UserList from '../../../components/user-list' export const getServerSideProps = getGetServerSideProps(TOP_COWBOYS) export default function Index ({ ssrData }) { return ( <Layout> <TopHeader cat='cowboys' /> <UserList ssrData={ssrData} query={TOP_COWBOYS} destructureData={data => data.topCowboys} /> </Layout> ) }