import { GetServerSideProps } from 'next';
import gql from 'graphql-tag';
import { useQuery } from '@apollo/react-hooks';
import { initializeApollo } from '../../../../../lib/apolloClient';
import config from '../../../../../config';
import utils from '../../../../../utils';
import Head from 'next/head';
import Nav from '../../../../../components/home/Nav';
import About from '../../../../../components/resource/About';
import DataExplorer from '../../../../../components/resource/DataExplorer';
const QUERY = gql`
query dataset($id: String!) {
dataset(id: $id) {
result {
resources {
name
title
}
}
}
}
`;
function Resource({ variables }) {
const {
data: {
dataset: { result },
},
} = useQuery(QUERY, { variables });
return (
<>
Portal | {result.resources[0].title || result.resources[0].name}
{result.resources[0].title || result.resources[0].name}
);
}
export const getServerSideProps: GetServerSideProps = async (context) => {
const apolloClient = initializeApollo();
const variables = {
id: context.query.dataset,
resource: context.query.resource,
};
const apolloResponse = await apolloClient.query({
query: QUERY,
variables,
});
return {
props: {
initialApolloState: apolloClient.cache.extract(),
variables,
},
};
};
export default Resource;