diff --git a/src/actions/podcast.js b/src/actions/podcast.js index c6e0ba9..8ba6789 100644 --- a/src/actions/podcast.js +++ b/src/actions/podcast.js @@ -1,5 +1,15 @@ import "@babel/polyfill"; +export const podcastData = (category, name) => dispatch => { + localStorage.setItem('category', category) + localStorage.setItem('name', name) + dispatch({ + type: 'PODCAST_DATA', + category: category, + name: name, + }) +} + export const setLoading = () => dispatch => { dispatch({ type: 'SET_LOADING' diff --git a/src/components/Controls.component.jsx b/src/components/Controls.component.jsx index f45350f..6b0ec82 100644 --- a/src/components/Controls.component.jsx +++ b/src/components/Controls.component.jsx @@ -148,7 +148,7 @@ class Controls extends Component { ) diff --git a/src/components/EpisodeListElement.component.jsx b/src/components/EpisodeListElement.component.jsx index a796fe4..435ae88 100644 --- a/src/components/EpisodeListElement.component.jsx +++ b/src/components/EpisodeListElement.component.jsx @@ -3,13 +3,14 @@ import moment from 'moment' import { connect } from 'react-redux' import { setAudio } from '../actions/player' import { withRouter } from 'react-router-dom' +import { podcasts } from '../data/podcasts' import '../css/EpisodeListElement.styles.css' class EpisodeListElement extends Component { + handleOnClick = e => { this.playAudio() - if (window.innerWidth <= 600) { this.props.history.push('/nowplaying') } @@ -44,7 +45,8 @@ class EpisodeListElement extends Component { } render() { - const { date, title, theme, trackId, duration, nowPlayingId } = this.props + const { date, title, theme, trackId, duration, nowPlayingId, name } = this.props + console.log(this.props) const isPlaying = trackId === nowPlayingId const minutesLong = Math.round( @@ -63,7 +65,7 @@ class EpisodeListElement extends Component { {minutesLong} mins

- {title.length > 50 ? title.substring(0, 50) + '...' : title} + {title}