knight/datahub
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[apollo][l]: initial commit for setting up Apollo.

Browse Source
This commit is contained in:
anuveyatsu
2020-06-18 11:51:13 +06:00
parent 9b957abf06
commit f0d1bc0d3b
6 changed files with 1293 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
pages/_app.tsx
View File

@@ -1,13 +1,22 @@
/* istanbul ignore file */
import '../styles/index.css';
import { ApolloProvider } from '@apollo/react-hooks';
import { useApollo } from '../lib/apolloClient';
// Setup mocks
if (process.env.NODE_ENV === 'development') {
const mocks = require('../mocks');
mocks.initMocks();
console.warn('You have activated the mocks.');
}
// if (process.env.NODE_ENV === 'development') {
// const mocks = require('../mocks');
// mocks.initMocks();
// console.warn('You have activated the mocks.');
// }
export default function MyApp({ Component, pageProps }) {
return <Component {...pageProps} />;
const apolloClient = useApollo(pageProps.initialApolloState);
return (
<ApolloProvider client={apolloClient}>
<Component {...pageProps} />
</ApolloProvider>
);
}

40
pages/search.tsx
View File

@@ -7,7 +7,8 @@ import Nav from '../components/home/Nav';
import Input from '../components/search/Input';
import Total from '../components/search/Total';
import Sort from '../components/search/Sort';
import List from '../components/search/List';
import List, { DEFAULT_SEARCH_QUERY } from '../components/search/List';
import { initializeApollo } from '../lib/apolloClient';
function Search({ ckanResult, datapackages, query }) {
return (
@@ -28,19 +29,32 @@ function Search({ ckanResult, datapackages, query }) {
}
export const getServerSideProps: GetServerSideProps = async (context) => {
const query = context.query || {};
const ckanQuery = querystring.stringify(
utils.convertToCkanSearchQuery(query)
);
const res = await fetch(
`${config.get('DMS')}/api/3/action/package_search?${ckanQuery}`
);
const ckanResult = (await res.json()).result;
const datapackages = ckanResult.results.map((item) =>
utils.ckanToDataPackage(item)
);
const apolloClient = initializeApollo();
return { props: { ckanResult, datapackages, query } };
await apolloClient.query({
query: DEFAULT_SEARCH_QUERY,
});
return {
props: {
initialApolloState: apolloClient.cache.extract(),
},
unstable_revalidate: 1,
};
//
// const query = context.query || {};
// const ckanQuery = querystring.stringify(
// utils.convertToCkanSearchQuery(query)
// );
// const res = await fetch(
// `${config.get('DMS')}/api/3/action/package_search?${ckanQuery}`
// );
// const ckanResult = (await res.json()).result;
// const datapackages = ckanResult.results.map((item) =>
// utils.ckanToDataPackage(item)
// );
//
// return { props: { ckanResult, datapackages, query } };
};
export default Search;