validando pantalla movie

Author: Minacava

App.js

@@ -1,42 +1,15 @@
 import React, { Component } from "react";
-import {
-  Text
-} from 'react-native'
-import Home from "./src/screens/containers/home";
-import Header from "./src/sections/components/header";
-import SuggestionList from "./src/videos/containers/suggestion-list";
-import API from "./utils/api";
-import CategoryList from "./src/videos/containers/category-list.js";
-import Player from "./src/player/containers/player";
+
 import { Provider } from 'react-redux';
 import { PersistGate } from 'redux-persist/integration/react';
 import { store, persistor } from './store';
+
 import Loading from "./src/sections/components/loading";
+import AppLayout from "./src/app";
 
-export default class App extends Component {
-  // state = {
-  //   categoryList: [],
-  //   suggestionList: [],
-  //   loading: true
-  // };
-  async componentDidMount() {
-    const categoryList = await API.getMovies();
-    console.log(categoryList)
-    store.dispatch({
-      type: 'SET_CATEGORY_LIST',
-      payload: {
-        categoryList
-      }
-    })
-    const suggestionList = await API.getSuggestions(10);
-    store.dispatch({
-      type: 'SET_SUGGESTION_LIST',
-      payload: {
-        suggestionList
-      }
-    })
 
-  }
+
+export default class App extends Component {
   render() {
     return (
       <Provider
@@ -46,12 +19,7 @@ export default class App extends Component {
           loading={<Loading />}
           persistor={persistor}
         >
-          <Home>
-            <Header />
-            <Player />
-            <CategoryList />
-            <SuggestionList />
-          </Home>
+          <AppLayout />
         </PersistGate>
       </Provider >
     );

ios/build/LineApp/Build/Intermediates.noindex/LineApp.build/Debug-iphonesimulator/LineApp.build/dgph

@@ -6,38 +6,6 @@
 	<integer>10</integer>
 	<key>logs</key>
 	<dict>
-		<key>86AFF40C-C647-4348-8039-F10490B08607</key>
-		<dict>
-			<key>className</key>
-			<string>IDECommandLineBuildLog</string>
-			<key>documentTypeString</key>
-			<string>&lt;nil&gt;</string>
-			<key>domainType</key>
-			<string>Xcode.IDEActivityLogDomainType.BuildLog</string>
-			<key>fileName</key>
-			<string>86AFF40C-C647-4348-8039-F10490B08607.xcactivitylog</string>
-			<key>primaryObservable</key>
-			<dict>
-				<key>highLevelStatus</key>
-				<string>S</string>
-			</dict>
-			<key>schemeIdentifier-containerName</key>
-			<string>LineApp project</string>
-			<key>schemeIdentifier-schemeName</key>
-			<string>LineApp</string>
-			<key>schemeIdentifier-sharedScheme</key>
-			<integer>1</integer>
-			<key>signature</key>
-			<string>Building project LineApp with scheme LineApp and configuration Debug</string>
-			<key>timeStartedRecording</key>
-			<real>588468388.36826301</real>
-			<key>timeStoppedRecording</key>
-			<real>588468389.74422204</real>
-			<key>title</key>
-			<string>Building project LineApp with scheme LineApp and configuration Debug</string>
-			<key>uniqueIdentifier</key>
-			<string>86AFF40C-C647-4348-8039-F10490B08607</string>
-		</dict>
 		<key>B80A73AB-D564-4D3D-B531-3A6E7C2D6A93</key>
 		<dict>
 			<key>className</key>

ios/build/LineApp/Build/Intermediates.noindex/LineApp.build/Debug-iphonesimulator/LineAppTests.build/dgph

@@ -3,7 +3,7 @@
 <plist version="1.0">
 <dict>
 	<key>LastAccessedDate</key>
-	<date>2019-08-26T18:51:44Z</date>
+	<date>2019-08-26T19:32:36Z</date>
 	<key>WorkspacePath</key>
 	<string>/Users/minamac/Desktop/Proyectos/lineVideo/ios/LineApp.xcodeproj</string>
 </dict>

ios/build/LineApp/Build/Intermediates.noindex/RCTActionSheet.build/Debug-iphonesimulator/RCTActionSheet.build/dgph

@@ -6,6 +6,9 @@ function videos(state = {}, action) {
         case 'SET_SUGGESTION_LIST': {
             return { ...state, ...action.payload }
         }
+        case 'SET_SELECTED_MOVIE': {
+            return { ...state, selectedMovie: action.payload.movie }
+        }
         default:
             return state
     }

ios/build/LineApp/Build/Intermediates.noindex/RCTAnimation.build/Debug-iphonesimulator/RCTAnimation.build/dgph

@@ -0,0 +1,49 @@
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import API from "../utils/api";
+import Home from "./screens/containers/home";
+import Header from "./sections/components/header";
+import SuggestionList from "./videos/containers/suggestion-list";
+import CategoryList from "./videos/containers/category-list.js";
+import Movie from './screens/containers/movie'
+
+
+class AppLayout extends Component {
+    async componentDidMount() {
+        const categoryList = await API.getMovies();
+        console.log(categoryList)
+        this.props.dispatch({
+            type: 'SET_CATEGORY_LIST',
+            payload: {
+                categoryList
+            }
+        })
+        const suggestionList = await API.getSuggestions(10);
+        this.props.dispatch({
+            type: 'SET_SUGGESTION_LIST',
+            payload: {
+                suggestionList
+            }
+        })
+    }
+    render() {
+        if (this.props.selectedMovie) {
+            return <Movie />
+        }
+        return (
+            <Home>
+                <Header />
+                <CategoryList />
+                <SuggestionList />
+            </Home>
+        )
+
+    }
+}
+function mapStateToProps(state) {
+    return {
+        selectedMovie: state.selectedMovie,
+    }
+}
+
+export default connect(mapStateToProps)(AppLayout);

ios/build/LineApp/Build/Intermediates.noindex/RCTBlob.build/Debug-iphonesimulator/RCTBlob.build/dgph

@@ -0,0 +1,7 @@
+import React from 'react';
+
+function MovieLayout(props) {
+    return props.children
+}
+
+export default MovieLayout;

ios/build/LineApp/Build/Intermediates.noindex/RCTGeolocation.build/Debug-iphonesimulator/RCTGeolocation.build/dgph

@@ -0,0 +1,18 @@
+import React, { Component } from 'react';
+import MovieLayout from '../components/movie';
+import Player from "../../player/containers/player";
+import Header from '../../sections/components/header';
+
+class Movie extends Component {
+    render() {
+        return (
+            <MovieLayout>
+                <Header />
+                <Player />
+            </MovieLayout>
+        )
+
+    }
+}
+
+export default Movie

ios/build/LineApp/Build/Intermediates.noindex/RCTImage.build/Debug-iphonesimulator/RCTImage.build/dgph

@@ -5,27 +5,31 @@ import {
     Image,
     Text,
     StyleSheet,
+    TouchableOpacity
 } from 'react-native';
 
-
 function Suggestion(props) {
     return (
-        <View style={styles.contanier}>
-            <View style={styles.left}>
-                <Image
-                    style={styles.cover}
-                    source={{ uri: props.medium_cover_image }}
-                />
-            </View>
-            <View style={styles.genre}>
-                <Text style={styles.genreText}>{props.genres[0]}</Text>
-            </View>
-            <View style={styles.right}>
-                <Text style={styles.title}>{props.title}</Text>
-                <Text style={styles.year}>{props.year}</Text>
-                <Text style={styles.rating}>IMDB {props.rating}</Text>
+        <TouchableOpacity
+            onPress={props.onPress}
+        >
+            <View style={styles.contanier}>
+                <View style={styles.left}>
+                    <Image
+                        style={styles.cover}
+                        source={{ uri: props.medium_cover_image }}
+                    />
+                </View>
+                <View style={styles.genre}>
+                    <Text style={styles.genreText}>{props.genres[0]}</Text>
+                </View>
+                <View style={styles.right}>
+                    <Text style={styles.title}>{props.title}</Text>
+                    <Text style={styles.year}>{props.year}</Text>
+                    <Text style={styles.rating}>IMDB {props.rating}</Text>
+                </View>
             </View>
-        </View>
+        </TouchableOpacity>
     )
 }
 

ios/build/LineApp/Build/Intermediates.noindex/RCTLinking.build/Debug-iphonesimulator/RCTLinking.build/dgph

@@ -17,9 +17,20 @@ function mapStateToProps(state) {
 class SuggestionList extends Component {
     keyExtractor = (item) => item.id.toString()
     itemSeparator = () => <Separator />
+    viewMovie = (item) => {
+        this.props.dispatch({
+            type: 'SET_SELECTED_MOVIE',
+            payload: {
+                movie: item,
+            }
+
+        })
+    }
     renderItem = ({ item }) => {
         return (
-            <Suggestion{...item} />
+            <Suggestion{...item}
+                onPress={() => { this.viewMovie(item) }}
+            />
         )
     }
     render() {