test(pokedex): updated formatting

Author: danger9224

examples/pokedex/src/App.css

@@ -283,8 +283,9 @@ body {
     margin: 2rem auto;
   }
 
-  .modal-content h2, .modal-content h3 {
-    margin-top: .5rem;
+  .modal-content h2,
+  .modal-content h3 {
+    margin-top: 0.5rem;
   }
 
   .modal-header {

examples/pokedex/src/App.js

@@ -1,9 +1,9 @@
-import React, { useEffect } from "react";
-import { view } from "react-easy-state";
-import pokedex from "./store";
-import List from "./components/List";
-import Modal from "./components/Modal";
-import "./App.css";
+import React, { useEffect } from 'react';
+import { view } from 'react-easy-state';
+import pokedex from './store';
+import List from './components/List';
+import Modal from './components/Modal';
+import './App.css';
 
 export default view(() => {
   useEffect(() => {
@@ -15,7 +15,7 @@ export default view(() => {
       <div className="header">
         <img src="https://upload.wikimedia.org/wikipedia/commons/9/98/International_Pok%C3%A9mon_logo.svg" />
         <p>
-          A demo Pokédex app built with GraphQL and{" "}
+          A demo Pokédex app built with GraphQL and{' '}
           <a href="https://github.com/risingstack/react-easy-state">
             react-easy-state
           </a>

examples/pokedex/src/components/Attack.js

@@ -1,6 +1,6 @@
-import React from "react";
-import { view } from "react-easy-state";
-import Type from "./Type";
+import React from 'react';
+import { view } from 'react-easy-state';
+import Type from './Type';
 
 export const Attack = view(attack => {
   const { name, damage, type } = attack.attack;

examples/pokedex/src/components/Card.js

@@ -1,27 +1,29 @@
-import React from "react";
-import { view } from "react-easy-state";
-import Type from "./Type";
-import pokedex from "../store";
+import React from 'react';
+import { view } from 'react-easy-state';
+import Type from './Type';
+import pokedex from '../store';
 
-export default view(({ id, name, image, classification, types, mini }) => (
-  <div
-    className={`pokemon-card ${mini && "pokemon-card-mini"}`}
-    onClick={() => {
-      pokedex.fetchPokemon(id);
-      pokedex.showModal();
-    }}
-  >
-    <img src={image} />
-    <h2>{name}</h2>
-    {!mini && (
-      <>
-        <p className="classification">{classification}</p>
-        <div className="type-container">
-          {types.map(type => (
-            <Type key={type} type={type} />
-          ))}
-        </div>
-      </>
-    )}
-  </div>
-));
+export default view(
+  ({ id, name, image, classification, types, mini }) => (
+    <div
+      className={`pokemon-card ${mini && 'pokemon-card-mini'}`}
+      onClick={() => {
+        pokedex.fetchPokemon(id);
+        pokedex.showModal();
+      }}
+    >
+      <img src={image} />
+      <h2>{name}</h2>
+      {!mini && (
+        <>
+          <p className="classification">{classification}</p>
+          <div className="type-container">
+            {types.map(type => (
+              <Type key={type} type={type} />
+            ))}
+          </div>
+        </>
+      )}
+    </div>
+  ),
+);

examples/pokedex/src/components/Evolution.js

@@ -1,5 +1,5 @@
-import React from "react";
-import { view } from "react-easy-state";
+import React from 'react';
+import { view } from 'react-easy-state';
 
 export default view(evolution => {
   const { image, name } = evolution.evolution;

examples/pokedex/src/components/List.js

@@ -1,7 +1,7 @@
-import React from "react";
-import { view } from "react-easy-state";
-import pokedex from "../store";
-import Card from "./Card";
+import React from 'react';
+import { view } from 'react-easy-state';
+import pokedex from '../store';
+import Card from './Card';
 
 export default view(() => {
   return (

examples/pokedex/src/components/Type.js

@@ -1,4 +1,4 @@
-import React from "react";
+import React from 'react';
 
 export const Type = type => {
   return (

examples/pokedex/src/index.css

@@ -10,4 +10,4 @@ body {
   margin: 0;
   padding: 0;
   line-height: 100%;
-}
+}

examples/pokedex/src/store.js

@@ -1,5 +1,5 @@
-import { store } from "react-easy-state";
-import * as api from "./api";
+import { store } from 'react-easy-state';
+import * as api from './api';
 
 const pokedex = store({
   isModalOpen: false,
@@ -22,7 +22,7 @@ const pokedex = store({
   },
   showModal() {
     pokedex.isModalOpen = true;
-  }
+  },
 });
 
 export default pokedex;