From fde16110ccf341b9ef99416c7045296f33e5cfae Mon Sep 17 00:00:00 2001
From: Ahmed-Ayman <ahmedayman055g@gmail.com>
Date: Thu, 13 Dec 2018 19:04:55 +0200
Subject: [PATCH] results page first commit.

---
 src/App.js                   |  1 +
 src/actions/action_types.js  |  8 ++++++--
 src/actions/search.js        | 12 ++++++++++++
 src/components/TopicsList.js |  1 -
 src/containers/Home.js       |  3 ---
 src/containers/Results.js    | 26 ++++++++++++++++++++++++++
 6 files changed, 45 insertions(+), 6 deletions(-)
 create mode 100644 src/actions/search.js
 create mode 100644 src/containers/Results.js

diff --git a/src/App.js b/src/App.js
index 9f5ab8f..267cf18 100644
--- a/src/App.js
+++ b/src/App.js
@@ -26,6 +26,7 @@ class App extends Component {
             <Switch>
               <Route exact={true} path="/" component={Home}/>
               <Route path="/topics" component={TopicsListContainer}/>
+              <Route path="/results/:categoryKey/:searchValue" component={Results}/>
               <Route path="/videos/:videoId" component={Video}/>
             </Switch>
             <Nav/>
diff --git a/src/actions/action_types.js b/src/actions/action_types.js
index 2c967fa..8ec6837 100644
--- a/src/actions/action_types.js
+++ b/src/actions/action_types.js
@@ -1,4 +1,3 @@
-
 // Topics Action Types
 export const START_LOADING_ALL_TOPICS = 'START_LOADING_ALL_TOPICS';
 export const LOADED_ALL_TOPICS = 'LOADED_ALL_TOPICS';
@@ -8,4 +7,9 @@ export const LOADED_RANDOM_TOPIC = 'LOADED_RANDOM_TOPIC';
 // Videos Action Types
 export const ADD_VIDEOS_TO_STATE = 'ADD_VIDEOS_TO_STATE';
 export const START_LOADING_VIDEO = 'START_LOADING_VIDEO';
-export const LOADED_VIDEO = 'LOADED_VIDEO';
\ No newline at end of file
+export const LOADED_VIDEO = 'LOADED_VIDEO';
+
+
+// Search Results Action Types
+export const START_LOADING_ALL_RESULTS = 'START_LOADING_ALL_RESULTS';
+export const LOADED_ALL_RESULTS = 'LOADED_ALL_RESULTS';
\ No newline at end of file
diff --git a/src/actions/search.js b/src/actions/search.js
new file mode 100644
index 0000000..5dcf95b
--- /dev/null
+++ b/src/actions/search.js
@@ -0,0 +1,12 @@
+import {LOADED_ALL_RESULTS,START_LOADING_ALL_RESULTS} from "./action_types";
+
+export function getAllResuts(categoryKey, searchValue){
+  // get the stuff from the api
+  // dispatch loaded 
+  return dispatch => {
+    dispatch(loadingAllResults())
+  }
+}
+function loadingAllResults() {
+  
+}
\ No newline at end of file
diff --git a/src/components/TopicsList.js b/src/components/TopicsList.js
index 2733fd9..6ef1fca 100644
--- a/src/components/TopicsList.js
+++ b/src/components/TopicsList.js
@@ -39,7 +39,6 @@ class TopicsList extends React.Component {
 
         {this.state.filteredTopics.map(topic => {
             return (
-
               <section className="topic-item" key={topic.name}>
                 <Link to={"/topic/" + topic.name}>
                   <h3>{topic.name} ({topic.items} videos)</h3>
diff --git a/src/containers/Home.js b/src/containers/Home.js
index 38906df..a5df051 100644
--- a/src/containers/Home.js
+++ b/src/containers/Home.js
@@ -1,12 +1,9 @@
 import React from 'react';
 import {connect} from 'react-redux';
 import { getAllTopics, getRandomTopicVideos } from '../actions/topics';
-import Search from '../components/Search';
-import Footer from '../components/Footer';
 import RandomLocation from "../components/RandomLocation";
 import RandomDate from "../components/RandomDate";
 import RandomTopic from "../components/RandomTopic";
-import Header from "../components/Header";
 
 class Home extends React.Component {
   componentDidMount() {
diff --git a/src/containers/Results.js b/src/containers/Results.js
new file mode 100644
index 0000000..9651cb9
--- /dev/null
+++ b/src/containers/Results.js
@@ -0,0 +1,26 @@
+import React from 'react';
+
+class Results extends React.Component {
+
+  componentDidMount() {
+    const categoryKey = this.props.match.params.categoryKey;
+    const searchValue = this.props.match.params.searchValue;
+
+  }
+
+  render() {
+    return (
+
+    );
+  }
+}
+
+const mapStateToProps = state => ({
+  searchResults: this.state.results.currentItems,
+});
+
+const mapDispatchToProps = dispatch => ({
+  searchResults: (categoryKey, searchValue)  => dispatch(getSearchResults(categoryKey, searchValue)),
+});
+
+export default;
\ No newline at end of file