Update front end to fetch data from netlify functions

Author: gauravchl

src/components/home.js

@@ -15,9 +15,9 @@ function Home(props) {
         {loading ? <div>Loading Data from backend</div> : null}
         {error ? <div>Error loading data</div> : null}
 
-        {data && data.rates && data.rates.map((r, i) => (
+        {data && data.resources && data.resources.map((r, i) => (
           <div key={i}>
-            {r.currency} : {r.rate}USD$
+            {r.title} : {r.description}
           </div>
         ))}
       </header>

src/queries/foo.js

@@ -3,9 +3,9 @@ import { gql } from 'apollo-boost';
 
 export const EXCHANGE_RATES = gql`
   {
-    rates(currency: "USD") {
-      currency
-      rate
+    resources {
+      title
+      description
     }
   }
 `;

src/router.js

@@ -6,7 +6,7 @@ import { ApolloProvider } from "@apollo/react-hooks";
 
 // TODO: Move uri value to config file
 const client = new ApolloClient({
-  uri: "https://48p1r2roz4.sse.codesandbox.io"
+  uri: "https://hardcore-haibt-da9a6b.netlify.com/.netlify/functions/graphql"
 });
 
 const Routes = () => {