added a container and series list dir

marvtdawson · Sep 20, 2019 · 8d0db4d · 8d0db4d
1 parent e988c90
commit 8d0db4d
Show file tree

Hide file tree

Showing 4 changed files with 31 additions and 12 deletions.
diff --git a/.idea/workspace.xml b/.idea/workspace.xml
diff --git a/src/components/App/index.js b/src/components/App/index.js
@@ -2,19 +2,14 @@ import React, { Component } from 'react';
 import './App.css';
 import Index from "../Portfolio";
 import Intro from "../Intro";
+import Series from "../../containers/Series";
 import 'whatwg-fetch';
 
 
 class App extends Component {
-    state = {
-        series: []
-    }
 
-    componentDidMount() {
-        fetch('http://api.tvmaze.com/search/shows?q=NCIS')
-            .then((response) => response.json())
-            .then(json => this.setState({series: json }))
-    }
+
+
 
     render() {
     return (
@@ -24,7 +19,8 @@ class App extends Component {
         </header>
           <Intro message="Here you can find my most recent works"/>
           <Index />
-          I have {this.state.series.length} favorite TV Series!
+
+          <Series />
       </div>
     );
   }

diff --git a/src/components/SeriesList/index.js b/src/components/SeriesList/index.js
diff --git a/src/containers/Series/index.js b/src/containers/Series/index.js
@@ -0,0 +1,24 @@
+import React, {Component} from "react";
+
+class Series extends Component {
+
+    state = {
+        series: []
+    };
+
+    componentDidMount() {
+        fetch('http://api.tvmaze.com/search/shows?q=NCIS')
+            .then((response) => response.json())
+            .then(json => this.setState({series: json }))
+    }
+    render() {
+        return (
+            <div>
+                I have {this.state.series.length} favorite TV Series!
+            </div>
+        )
+    }
+
+}
+
+export default Series;