import React, { PropTypes } from 'react'
import { Link } from 'react-router'

const CourseListRow = ({ course }) => {
	return (
		<tr>
			<td><a href={ course.watchHref } target="_blank">Watch</a></td>
			<td><Link to={ '/course/' + course.id }>{ course.title }</Link></td>
			<td>{ course.authorId }</td>
			<td>{ course.category }</td>
			<td>{ course.length }</td>
		</tr>
	)
}

CourseListRow.propTypes = {
	course: PropTypes.object.isRequired
}

export default CourseListRow
@@ -8,17 +8,16 @@
 React, %7B
- 
 PropType
@@ -17,17 +17,16 @@
 ropTypes
- 
 %7D from '
@@ -44,14 +44,12 @@
 rt %7B
- 
 Link
- 
 %7D fr
@@ -140,17 +140,16 @@
 a href=%7B
- 
 course.w
@@ -156,17 +156,16 @@
 atchHref
- 
 %7D target
@@ -206,17 +206,16 @@
 ink to=%7B
- 
 '/course
@@ -232,13 +232,11 @@
 e.id
- 
 %7D%3E%7B
- 
 cour
@@ -243,17 +243,16 @@
 se.title
- 
 %7D%3C/Link%3E
@@ -261,25 +261,24 @@
 td%3E%0A%09%09%09%3Ctd%3E%7B
- 
 course.autho
@@ -279,17 +279,16 @@
 .authorI
-d
  %7D%3C/td%3E%0A
@@ -291,25 +291,24 @@
 td%3E%0A%09%09%09%3Ctd%3E%7B
- 
 course.categ
@@ -309,17 +309,16 @@
 .categor
-y
  %7D%3C/td%3E%0A
@@ -325,17 +325,16 @@
 %09%09%09%3Ctd%3E%7B
- 
 course.l
@@ -337,17 +337,16 @@
 se.lengt
-h
  %7D%3C/td%3E%0A
@@ -443,20 +443,21 @@
 efault CourseListRow
+%0A

Update CourseListRow.js