#2 Refactor to es6 class

Author: jonisaa

src/components/common/FileInfo.js

@@ -2,31 +2,34 @@ import React, { Component, PropTypes } from 'react';
 import { Col } from 'react-bootstrap';
 import filesize from 'filesize';
 
-const FileUploadItem = ({ file, height, width }) => {
-	let image = null;
+export default class FileUploadItem extends Component {
+	static propTypes = {
+		onClick: PropTypes.func,
+		file: PropTypes.object.isRequired,
+		height: PropTypes.string,
+		width: PropTypes.string
+	};
 
-	if (file.type.match(/image/)) {
-		image = <img height={height} width={width} src={file.preview}/>;
-	}
+	static defaultProps = {
+		height: "150px",
+		width: "150px"
+	};
 
-	return (
-		<Col xs={4} md={4}>
-			{image}
-			<p>{file.name}</p>
-			<p>{filesize(file.size)}</p>
-		</Col>
-	);
-};
+	render() {
+		let { file, height, width } = this.props;
 
-FileUploadItem.propTypes = {
-	file: PropTypes.object.isRequired,
-	height: PropTypes.string,
-	width: PropTypes.string
-};
+		let image = null;
 
-FileUploadItem.defaultProps = {
-	height: "150px",
-	width: "150px"
-};
+		if (file.type.match(/image/)) {
+			image = <img height={height} width={width} src={file.preview}/>;
+		}
 
-export default FileUploadItem;
+		return (
+			<Col xs={4} md={4}>
+				{image}
+				<p>{file.name}</p>
+				<p>{filesize(file.size)}</p>
+			</Col>
+		);
+	}
+};