Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import { Provider, Subscribe } from "unstated";
- import { Query } from "react-apollo";
- import React from "react";
- import { ITEM_DETAILS } from "./Queries";
- import State from "./state";
- import View from "./View";
- import UI from "../UI";
- export default ({ match: { params: { id } } }) => (
- <Query query={ITEM_DETAILS} variables={{ id }}>
- {res => (
- <UI.LoadAndDisplay res={res}>
- {data => (
- <Provider inject={[new State({ item: data })]}>
- <Subscribe to={[State]}>
- {item => <View item={item} id={id} />}
- </Subscribe>
- </Provider>
- )}
- </UI.LoadAndDisplay>
- )}
- </Query>
- );
Add Comment
Please, Sign In to add comment