test(pokedex): updated formatting

Author: danger9224

.DS_Store

@@ -614,6 +614,7 @@ Instead of returning an object, you should directly mutate the received stores.
 
 #### Advanced
 
+- [Pokédex](https://risingstack.github.io/react-easy-state/examples/pokedex/build) ([source](/examples/pokedex/)) ([codesandbox](https://codesandbox.io/s/github/RisingStack/react-easy-state/tree/master/examples/pokedex)): a Pokédex app build with Apollo GraphQL, async actions and a global state.
 - [TodoMVC](https://risingstack.github.io/react-easy-state/examples/todo-mvc/build) ([source](/examples/todo-mvc/)) ([codesandbox](https://codesandbox.io/s/github/RisingStack/react-easy-state/tree/master/examples/todo-mvc)): a classic TodoMVC implementation with a lot of computed data and implicit reactivity.
 - [Contacts Table](https://risingstack.github.io/react-easy-state/examples/contacts/build) ([source](/examples/contacts/)) ([codesandbox](https://codesandbox.io/s/github/RisingStack/react-easy-state/tree/master/examples/contacts)): a data grid implementation with a mix of global and local state.
 - [Beer Finder](https://risingstack.github.io/react-easy-state/examples/beer-finder/build) ([source](/examples/beer-finder/)) ([codesandbox](https://codesandbox.io/s/github/RisingStack/react-easy-state/tree/master/examples/beer-finder)) ([tutorial](https://medium.com/@solkimicreb/design-patterns-with-react-easy-state-830b927acc7c)): an app with async actions and a mix of local and global state, which finds matching beers for your meal.

README.md

@@ -0,0 +1 @@
+SKIP_PREFLIGHT_CHECK=true

examples/.DS_Store

@@ -8,15 +8,8 @@
 # testing
 /coverage
 
-# production
-/build
-
 # misc
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
 
 npm-debug.log*
 yarn-debug.log*

examples/pokedex/.env.development.local

@@ -1,47 +1,38 @@
-import { gql } from "apollo-boost";
-import { ApolloClient } from "apollo-client";
-import { createHttpLink } from "apollo-link-http";
-import { InMemoryCache } from "apollo-cache-inmemory";
+import { gql } from 'apollo-boost';
+import { ApolloClient } from 'apollo-client';
+import { createHttpLink } from 'apollo-link-http';
+import { InMemoryCache } from 'apollo-cache-inmemory';
 
 const httpLink = createHttpLink({
-  uri: "https://graphql-pokemon.now.sh/"
+  uri: 'https://graphql-pokemon.now.sh/',
 });
 
 const client = new ApolloClient({
   link: httpLink,
-  cache: new InMemoryCache()
+  cache: new InMemoryCache(),
 });
 
 export const fetchList = async () => {
-  let data;
-
-  await client
-    .query({
-      query: gql`
-        {
-          pokemons(first: 10000) {
-            id
-            name
-            image
-            classification
-            types
-          }
+  const result = await client.query({
+    query: gql`
+      {
+        pokemons(first: 10000) {
+          id
+          name
+          image
+          classification
+          types
         }
-      `
-    })
-    .then(result => {
-      data = result.data.pokemons;
-    });
+      }
+    `,
+  });
 
-  return data;
+  return result.data.pokemons;
 };
 
-export const fetchPokemon = async (id) => {
-  let data;
-
-  await client
-    .query({
-      query: gql`
+export const fetchPokemon = async id => {
+  const result = await client.query({
+    query: gql`
         {
           pokemon(id: "${id}") {
             id
@@ -85,11 +76,8 @@ export const fetchPokemon = async (id) => {
             }
           }
         }
-      `
-    })
-    .then(result => {
-      data = result.data.pokemon;
-    });
+      `,
+  });
 
-  return data;
+  return result.data.pokemon;
 };

examples/pokedex/.gitignore

@@ -1,9 +1,9 @@
-import React from "react";
-import { view } from "react-easy-state";
-import pokedex from "../store";
-import Attack from "./Attack";
-import Type from "./Type";
-import Card from "./Card";
+import React from 'react';
+import { view } from 'react-easy-state';
+import pokedex from '../store';
+import Attack from './Attack';
+import Type from './Type';
+import Card from './Card';
 
 export default view(() => {
   if (!pokedex.selectedPokemon) return null;
@@ -22,12 +22,18 @@ export default view(() => {
     fleeRate,
     evolutions,
     evolutionRequirements,
-    attacks
+    attacks,
   } = pokedex.selectedPokemon;
 
   return (
-    <div className="modal-container" onClick={() => pokedex.hideModal()}>
-      <div className="modal-content" onClick={e => e.stopPropagation()}>
+    <div
+      className="modal-container"
+      onClick={() => pokedex.hideModal()}
+    >
+      <div
+        className="modal-content"
+        onClick={e => e.stopPropagation()}
+      >
         {pokedex.selectedPokemon && (
           <>
             {pokedex.isSelectedPokemonLoading ? (
@@ -89,17 +95,16 @@ export default view(() => {
                       <>
                         <h3>Evolution</h3>
                         <div className="evolution-container">
-                          {evolutions.map(item => {
-                            console.log(item);
-                            return <Card key={item.id} {...item} mini />;
-                          })}
+                          {evolutions.map(item => (
+                            <Card key={item.id} {...item} mini />
+                          ))}
                         </div>
                       </>
                     )}
                     {evolutionRequirements && (
                       <p>
                         <b>Evolution requirements: </b>
-                        {evolutionRequirements.amount}{" "}
+                        {evolutionRequirements.amount}{' '}
                         {evolutionRequirements.name}
                       </p>
                     )}