async grapql

/* eslint-disable */

import React from "react";
import ReactDOM from "react-dom";
import PageManager from "../page-manager";
import ApolloClient from "apollo-boost";
import gql from "graphql-tag";

function getProducts(token, productIds) {
  const client = new ApolloClient({
    headers: { Authorization: `Bearer ${token}` }
  });

  client
    .query({
      query: gql`
        query MyFirstQuery {
          site {
            products(entityIds: ${productIds}) {
              edges {
                node {
                  name
                  description
                  entityId
                  defaultImage {
                    url(width: 200)
                  }
                  prices {
                    price {
                      value
                    }
                  }
                }
              }
            }
          }
        }
      `
    })
    .then(data => console.log(data))
    .catch(error => console.error(error));
}

const HelloWorld = props => (
  <div>
    <p>Hello World from React!</p>
    <p>Here are my props:</p>
    <pre>{JSON.stringify(props, null, 2)}</pre>
  </div>
);

export default class ReactDemo extends PageManager {
  async onReady() {
    const getProduct = await getProducts(this.context.storefrontAPIToken, [
      this.context.category.description
    ]);
    console.log("getProduct", getProduct);
    console.log("prder", this.context.category.description);
    const container = $("#root")[0];
    ReactDOM.render(<HelloWorld context={this.context} />, container);
  }
}