Sharlene

client/actions/index.js

@@ -1,7 +1,10 @@
 import request from 'superagent'
 
 export const SHOW_ERROR = 'SHOW_ERROR'
-export const RECEIVE_POSTS = 'RECEIVE_POSTS'
+// export const RECEIVE_POSTS = 'RECEIVE_POSTS'
+export const RECEIVE_TRONALDDUMP = 'RECEIVE_TRONALDDUMP'
+export const RECEIVE_NUCKCHORRIS = 'RECIEVE_NUCKCHORRIS'
+export const RECEIVE_DADJOKE = 'RECIEVE_DADJOKE'
 export const REQUEST_POSTS = 'REQUEST_POSTS'
 
 export const requestPosts = () => {
@@ -10,27 +13,74 @@ export const requestPosts = () => {
   }
 }
 
-export const receivePosts = (posts) => {
+export const receiveTronaldDump = (quote) => {
   return {
-    type: RECEIVE_POSTS,
-    posts: posts.map(post => post.data)
+    type: RECEIVE_TRONALDDUMP,
+    tronaldDump: quote.value
   }
 }
 
+export const receiveNuckChorris = (value) => {
+  return {
+    type: RECEIVE_NUCKCHORRIS,
+    nuckChorris: value
+  }
+}
+
+export const receiveDadJoke = (joke) => {
+  return {
+    type: RECEIVE_DADJOKE,
+    dadJoke: joke.joke
+  }
+}
+
+
+
 export const showError = (errorMessage) => {
   return {
     type: SHOW_ERROR,
-    errorMessage: errorMessage
+    errorMessage: errorMessage,
+  }  
+}
+
+
+export function fetchTronaldDump () {
+  return (dispatch) => {
+    dispatch(requestPosts())
+    return request
+      .get(`/api/v1/tronalddump`)
+
+      .then(res => {
+        dispatch(receiveTronaldDump(res.body))
+      })
+      .catch(err => {
+        dispatch(showError(err.message))
+      })
+  }
+}
+
+export function fetchNuckChorris() {
+  return (dispatch) => {
+    dispatch(requestPosts())
+    return request
+      .get(`/api/v1/nuckchorris`)
+      .then(res => {
+        dispatch(receiveNuckChorris(res.body))
+      })
+      .catch(err => {
+        dispatch(showError(err.message))
+      })
   }
 }
 
-export function fetchPosts (subreddit) {
+export function fetchDadJoke() {
   return (dispatch) => {
     dispatch(requestPosts())
     return request
-      .get(`/api/v1/reddit/subreddit/${subreddit}`)
+      .get(`/api/v1/dadjoke`)
+      .set('Accept', 'application/json')
       .then(res => {
-        dispatch(receivePosts(res.body))
+        dispatch(receiveDadJoke(res.body))
       })
       .catch(err => {
         dispatch(showError(err.message))

client/api.js

@@ -0,0 +1,37 @@
+import request from "superagent";
+
+const randomQuote = 'https://api.tronalddump.io/random/quote';
+const nuckChorris = 'https://geek-jokes.sameerkumar.website/api'
+const dadJoke = 'https://icanhazdadjoke.com/search'
+
+export function getQuotes(callback) {
+  request
+  .get(randomQuote)
+  .end((err, res) => {
+    callback(err, res.body);
+  });
+}
+
+export function getNuck(callback) {
+  request
+  .get(nuckChorris)
+  .end((err, res) => {
+    callback(err, res.body);
+  });
+}
+
+export function getJoke(callback) {
+  request
+  .get(dadJoke)
+  .end((err, res) => {
+    callback(err, res.body);
+  });
+}
+
+export function getPictures(callback) {
+  request
+  .get(randomQuote)
+  .end((err, res) => {
+    callback(err, res.body);
+  });
+} 

client/components/App.jsx

@@ -1,17 +1,42 @@
 import React from 'react'
 
+
+
 import ErrorMessage from './ErrorMessage'
-import LoadSubreddit from './LoadSubreddit'
-import SubredditList from './SubredditList'
 import WaitIndicator from './WaitIndicator'
+import LoadTrump from './LoadTrump'
+import LoadChuck from './LoadChuck'
+import LoadJoke from './LoadJoke'
+import Trump from './Trump'
+import Chuck from './Chuck'
+import Sounds from './Random-Sound'
+import Joke from './Joke'
+import Header from './Header'
+// import Button from './Button'
+import Video from './video'
+// import Nav from './Nav'
 
 const App = () => (
   <div className='app'>
+      {/* <Nav  /> */}
+      <Header />
+      {/* <Button /> */}
+       <button><Sounds />Yeet</button>
     <ErrorMessage />
-    <LoadSubreddit>
+    <LoadTrump >
+      <WaitIndicator />
+    </LoadTrump>
+    <LoadChuck >
+      <WaitIndicator />
+    </LoadChuck>
+    <LoadJoke >
       <WaitIndicator />
-    </LoadSubreddit>
-    <SubredditList />
+        </LoadJoke>
+    <Trump />
+    <Chuck />
+    <Joke />
+    <Video />
+
   </div>
 )
 

client/components/Button.jsx

@@ -0,0 +1,29 @@
+import React from 'react'
+import Zoom from "react-reveal/Zoom";
+import {connect} from 'react-redux'
+import {fetchTronaldDump} from '../actions'
+
+function Button  (){
+  return (
+
+
+    <div className = "button">
+    <Zoom>
+    <button onClick={() => dispatch(fetchTronaldDump())}>Click For Intelligence</button>
+   </Zoom>
+
+
+
+
+
+
+  </div>
+
+
+  )
+
+}
+
+
+export default Button 
+// export default connect (LoardTrump) (Button)

client/components/Chuck.jsx

@@ -0,0 +1,19 @@
+import React from 'react'
+import {connect} from 'react-redux'
+
+
+
+
+const Chuck = ({nuckChorris}) => (
+  <div>{nuckChorris}</div>
+)
+
+const mapStateToProps = (state) => {
+    return {
+      nuckChorris: state.nuckChorris
+    }
+  }
+
+  export default connect(
+    mapStateToProps
+  )(Chuck)

client/components/Header.jsx

@@ -0,0 +1,24 @@
+import React from 'react'
+import Zoom from 'react-reveal/Zoom'
+
+import {connect} from 'react-redux'
+
+
+
+
+
+const Header = ()=> {
+  return(
+    <div>
+      <Zoom>
+
+      <h1>Aprils Rules</h1>
+
+    </Zoom>
+
+    </div>
+  )
+}
+
+
+export default Header

client/components/Joke.jsx

@@ -0,0 +1,21 @@
+import React from 'react'
+import {connect} from 'react-redux'
+
+
+
+
+const Joke = ({dadJoke}) => (
+
+  <div>{dadJoke}</div>
+)
+
+const mapStateToProps = (state) => {
+
+    return {
+      dadJoke: state.dadJoke
+    }
+  }
+
+  export default connect(
+    mapStateToProps
+  )(Joke)

client/components/LoadChuck.jsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import {connect} from 'react-redux'
+import {fetchNuckChorris} from '../actions'
+
+const LoadChuck = ({children, dispatch}) => (
+  <div>
+    <button onClick={() => dispatch(fetchNuckChorris())}>
+      Information
+    </button>
+    {children}
+  </div>
+)
+
+export default connect()(LoadChuck)

client/components/LoadJoke.jsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import {connect} from 'react-redux'
+import {fetchDadJoke} from '../actions'
+
+const LoadJoke = ({children, dispatch}) => (
+  <div>
+    <button onClick={() => dispatch(fetchDadJoke())}>
+      Contact us
+    </button>
+    {children}
+  </div>
+)
+
+export default connect()(LoadJoke)

client/components/LoadTrump.jsx

@@ -0,0 +1,14 @@
+import React from 'react'
+import {connect} from 'react-redux'
+import {fetchTronaldDump} from '../actions'
+
+const LoadTrump = ({children, dispatch}) => (
+  <div>
+    <button onClick={() => dispatch(fetchTronaldDump())}>
+      Click for Intelligence
+    </button>
+    {children}
+  </div>
+)
+
+export default connect()(LoadTrump)

client/components/Nav.jsx

@@ -0,0 +1,45 @@
+import React from 'react'
+import {connect} from 'react-redux'
+import Zoom from 'react-reveal/Zoom'
+import Roll from 'react-reveal/Roll'
+
+import LoadJoke from './LoadJoke';
+import Sounds from './Random-Sound'
+
+import {fetchNuckChorris} from '../actions'
+import {fetchDadJoke} from '../actions'
+
+
+const Nav = ()=>{
+  return (
+
+              <div>
+                <Roll/>
+            <div className="navbar">
+            <Zoom>
+            <button href="">Contact us</button>
+            </Zoom>
+            <Zoom>
+            <button href="https://www.youtube.com/watch?v=djV11Xbc914">Take on Me</button>
+            </Zoom>
+            <Zoom>
+            <button onClick={() => dispatch(fetchNuckChorris())}>Information</button>
+            </Zoom>
+            <Zoom>
+            <button onClick={() => dispatch(fetchNuckChorris())}></button>
+          </Zoom>
+
+            <Roll/>
+
+          </div>
+
+   </div>
+ )
+}
+
+
+
+
+
+export default connect()(Nav)
+