Guest User

Untitled

a guest
May 21st, 2018
76
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 0.64 KB | None | 0 0
  1. import { Provider, Subscribe } from "unstated";
  2. import { Query } from "react-apollo";
  3. import React from "react";
  4. import { ITEM_DETAILS } from "./Queries";
  5. import State from "./state";
  6. import View from "./View";
  7. import UI from "../UI";
  8.  
  9. export default ({ match: { params: { id } } }) => (
  10. <Query query={ITEM_DETAILS} variables={{ id }}>
  11. {res => (
  12. <UI.LoadAndDisplay res={res}>
  13. {data => (
  14. <Provider inject={[new State({ item: data })]}>
  15. <Subscribe to={[State]}>
  16. {item => <View item={item} id={id} />}
  17. </Subscribe>
  18. </Provider>
  19. )}
  20. </UI.LoadAndDisplay>
  21. )}
  22. </Query>
  23. );
Add Comment
Please, Sign In to add comment