added actions to proposal listing component

Author: aaannddrraaa

src/category-view/components/ProposalListing/ProposalListing.js

@@ -47,7 +47,7 @@ const styles = theme => ({
 
 class ProposalListing extends Component {
 	render() {
-		const { date, description, badges, isFollowing, classes, theme } = this.props;
+		const { id, date, description, badges, isFollowing, classes, theme, follow, show } = this.props;
 		const [ year, month, day ] = date.split('-');
 
 		return (
@@ -68,15 +68,28 @@ class ProposalListing extends Component {
 							);
 						})}
 					</div>
-					<Typography variant="body2" paragraph className={classes.description}>
+					<Typography 
+						variant="body2" 
+						paragraph 
+						className={classes.description}
+					>
 						{description}
 					</Typography>
 					<div className={classes.actions}>
-						<Button variant="raised" color="primary">
+						<Button 
+							variant="raised" 
+							color="primary"
+							onClick={() => show(id)}
+						>
 			        Timeline
 			      </Button>
 						{isFollowing ? null :
-				      <Button variant="raised" color="secondary" className={classes.button}>
+				      <Button 
+				      	variant="raised" 
+				      	color="secondary" 
+				      	className={classes.button}
+				      	onClick={() => follow(id)}
+				      >
 				        Urmareste
 				      </Button>
 				    }								      
@@ -88,10 +101,13 @@ class ProposalListing extends Component {
 }
 
 ProposalListing.propTypes = {
+	id: PropTypes.number.isRequired,
 	date: PropTypes.string.isRequired,
 	description: PropTypes.string.isRequired,
 	badges: PropTypes.arrayOf(PropTypes.object).isRequired,
-	isFollowing: PropTypes.bool.isRequired
+	isFollowing: PropTypes.bool.isRequired,
+	follow: PropTypes.func.isRequired,
+	show: PropTypes.func.isRequired
 };
 
 export default withStyles(styles, { withTheme: true })(ProposalListing);

src/category-view/components/ProposalListing/ProposalListing.stories.js

@@ -7,6 +7,7 @@ import { linkTo } from '@storybook/addon-links';
 import ProposalListing from './ProposalListing';
 
 const props = {
+	id: 1234,
 	date: '2018-04-10',
 	description: 'Propunere de lege pentru ratificarea Tratatului intre Romania si Republica Federativa a Braziliei',
 	badges: [
@@ -18,7 +19,9 @@ const props = {
 		label: 'Pe ordinea de zi',
 		color: 'lightblue'
 	}],
-	isFollowing: false 
+	isFollowing: false,
+	follow: action('follow proposal'),
+	show: action('show proposal')
 };
 
 storiesOf('Category View', module).add('ProposalListing', () => <ProposalListing {...props} />);