lint

Author: Ladrillo

Diff for: src/components/Display.js

@@ -6,32 +6,31 @@ import Show from "./Show";
 import fetchShow from '../api/fetchShow';
 
 const Display = (props) => {
-    const [show, setShow] = useState(null);
-    const [selectedSeason, setSelectedSeason] = useState("none");
-
-    const { displayFunc } = props;
-    const handleClick = () => {
-        fetchShow().then(data => {
-            setShow(data);
-
-            if (displayFunc) {
-                displayFunc();
-            }
-
-        });
-    }
-        
-    const handleSelect = e => {
-        setSelectedSeason(e.target.value);
-    };
-
-    return (
-        <div>
-            <img className="poster-img" src='http://static.tvmaze.com/uploads/images/original_untouched/200/501942.jpg' alt="header image" />
-            <br/>
-            { !show ? <button onClick={handleClick}>Press to Get Show Data</button> :<Show show={show} selectedSeason={selectedSeason} handleSelect={handleSelect}/> }
-        </div>
-    );
+  const [show, setShow] = useState(null);
+  const [selectedSeason, setSelectedSeason] = useState("none");
+  const { displayFunc } = props;
+
+  const handleClick = () => {
+    fetchShow().then(data => {
+      setShow(data);
+
+      if (displayFunc) {
+        displayFunc();
+      }
+    });
+  }
+
+  const handleSelect = e => {
+    setSelectedSeason(e.target.value);
+  };
+
+  return (
+    <div>
+      <img className="poster-img" src='http://static.tvmaze.com/uploads/images/original_untouched/200/501942.jpg' alt="header image" />
+      <br />
+      {!show ? <button onClick={handleClick}>Press to Get Show Data</button> : <Show show={show} selectedSeason={selectedSeason} handleSelect={handleSelect} />}
+    </div>
+  );
 }
 
-export default Display;
+export default Display;

Diff for: src/components/Episode.js

@@ -1,22 +1,24 @@
 import React from 'react';
 
-const Episode = (props)=> {
-    const {episode} = props;
-    const {id, image, name, season, number, summary, runtime} = episode;
-    const imgsrc = image || 'https://i.ibb.co/2FsfXqM/stranger-things.png';
+const Episode = (props) => {
+  const { episode } = props;
+  const { id, image, name, season, number, summary, runtime } = episode;
+  const imgsrc = image || 'https://i.ibb.co/2FsfXqM/stranger-things.png';
 
-    console.log("episode: ", episode);
+  console.log("episode: ", episode);
 
-    return(<div className="episode" key={id}>
-        <img className="episode-image" src={imgsrc} alt={imgsrc} />
-        <div className="episode-info">
-            <p className="episode-number">Season {season}, Episode {number}</p>
-            <h3>{name}</h3>
-            <p>{summary}</p>
-            <div className="flex-spacer" />
-            <p className="episode-runtime">{runtime} minutes</p>
-        </div>
-    </div>)
+  return (
+    <div className="episode" key={id}>
+      <img className="episode-image" src={imgsrc} alt={imgsrc} />
+      <div className="episode-info">
+        <p className="episode-number">Season {season}, Episode {number}</p>
+        <h3>{name}</h3>
+        <p>{summary}</p>
+        <div className="flex-spacer" />
+        <p className="episode-runtime">{runtime} minutes</p>
+      </div>
+    </div>
+  )
 }
 
-export default Episode;
+export default Episode;

Diff for: src/components/Episodes.js

@@ -4,7 +4,7 @@ import Episode from './Episode';
 export default function Episodes(props) {
   return (
     <div data-testid="episodes-container" className="episodes">
-      {props.episodes.map(episode => <Episode episode={episode}/>)}
+      {props.episodes.map(episode => <Episode episode={episode} />)}
     </div>
   );
 }

Diff for: src/components/Loading.js

@@ -1,7 +1,7 @@
 import React from 'react';
 
 const Loading = () => {
-    return(<h2 data-testid="loading-container">Fetching data...</h2>);
+  return (<h2 data-testid="loading-container">Fetching data...</h2>);
 }
 
-export default Loading;
+export default Loading;

Diff for: src/components/Show.js

@@ -3,29 +3,31 @@ import Episodes from "./Episodes";
 import Loading from './Loading';
 
 const Show = (props) => {
-    const { handleSelect, selectedSeason, show } = props;
-    
-    if (!show)
-      return <Loading />
+  const { handleSelect, selectedSeason, show } = props;
 
-    return(<div data-testid="show-container">
-        <h1>{show.name}</h1>
-        <p>{show.summary}</p>
+  if (!show)
+    return <Loading />
 
-        <label htmlFor="seasons">Select A Season</label><br/>
-        <select onChange={handleSelect} name="seasons" id="seasons">
-          <option value="none"></option>
-          {
-            show.seasons.map(season=>{
-              return(<option data-testid="season-option" key={season.id} value={season.id}>{season.name}</option>);
-            })
-          }
-        </select>
+  return (
+    <div data-testid="show-container">
+      <h1>{show.name}</h1>
+      <p>{show.summary}</p>
 
+      <label htmlFor="seasons">Select A Season</label><br />
+      <select onChange={handleSelect} name="seasons" id="seasons">
+        <option value="none"></option>
         {
-            (selectedSeason !== "none") && <Episodes episodes={show.seasons[selectedSeason].episodes} />
+          show.seasons.map(season => {
+            return (<option data-testid="season-option" key={season.id} value={season.id}>{season.name}</option>);
+          })
         }
-    </div>);
+      </select>
+
+      {
+        (selectedSeason !== "none") && <Episodes episodes={show.seasons[selectedSeason].episodes} />
+      }
+    </div>
+  );
 }
 
-export default Show;
+export default Show;

Diff for: src/components/tests/Episode.test.js

@@ -4,8 +4,8 @@ import '@testing-library/jest-dom/extend-expect';
 import Episode from './../Episode';
 
 
-test("renders without error", () => {});
+test("renders without error", () => { });
 
-test("renders the summary test passed as prop", ()=>{});
+test("renders the summary test passed as prop", () => { });
 
-test("renders default image when image is not defined", ()=>{});
+test("renders default image when image is not defined", () => { });

Diff for: src/components/tests/Show.test.js

@@ -3,12 +3,12 @@ import { render, fireEvent, screen } from '@testing-library/react';
 import '@testing-library/jest-dom/extend-expect';
 import Show from './../Show';
 
-test('renders without errors', ()=>{});
+test('renders without errors', () => { });
 
-test('renders Loading component when prop show is null', () => {});
+test('renders Loading component when prop show is null', () => { });
 
-test('renders same number of options seasons are passed in', ()=>{});
+test('renders same number of options seasons are passed in', () => { });
 
-test('handleSelect is called when an season is selected', () => {});
+test('handleSelect is called when an season is selected', () => { });
 
-test('component renders when no seasons are selected and when rerenders with a season passed in', () => {});
+test('component renders when no seasons are selected and when rerenders with a season passed in', () => { });