App.js

import React, { Component } from 'react';
import './App.css';
import ApolloClient from "apollo-boost";
import {ApolloProvider} from "react-apollo"
import Todos from "./Todos"
import AddTodo from "./components/AddTodo"
import Button from 'react-bootstrap/Button'

const client = new ApolloClient({
  uri: "https://example.herokuapp.com/v1alpha1/graphql",
  
});


class App extends Component {
  

	render() {
   
    return (
      isAuthenticated() && (
        <ApolloProvider client={client}>
        <div className="todo-app container">
          <h1  className=" title center blue-text">Todos</h1>
          <Todos />
          <AddTodo />
          <div> ***completed task are green and incomplete are yellow***</div>
        </div>
        
        </ApolloProvider>
      )
    );
  }
}
export default App;