fix es6 components

Author: robhrt7

specs/button/Button.jsx

@@ -6,22 +6,12 @@ import s from './Button.css';
  * The only true button.
  */
 export default class Button extends Component {
-	static propTypes = {
-		/**
-		 * Button label.
-		 */
-		children: PropTypes.string.isRequired,
-		color: PropTypes.string,
-		size: PropTypes.oneOf(['small', 'normal', 'large']),
-	}
-	static defaultProps = {
-		color: '#333',
-		size: 'normal'
-	}
-	static sizes = {
-		small: '10px',
-		normal: '14px',
-		large: '18px'
+	constructor() {
+		this.sizes = {
+			small: '10px',
+			normal: '14px',
+			large: '18px'
+		};
 	}
 
 	onClick() {
@@ -39,3 +29,17 @@ export default class Button extends Component {
 		);
 	}
 }
+
+Button.propTypes = {
+	/**
+	 * Button label.
+	 */
+	children: PropTypes.string.isRequired,
+	color: PropTypes.string,
+	size: PropTypes.oneOf(['small', 'normal', 'large']),
+};
+
+Button.defaultProps = {
+	color: '#333',
+	size: 'normal'
+};

specs/placeholder/Placeholder.jsx

@@ -6,18 +6,6 @@ import s from './Placeholder.css';
  * Image placeholders.
  */
 export default class Placeholder extends Component {
-	static propTypes = {
-		type: PropTypes.oneOf(['animal', 'bacon', 'beard', 'bear', 'cat', 'food', 'city', 'nature', 'people']),
-		width: PropTypes.number,
-		height: PropTypes.number
-	}
-
-	static defaultProps = {
-		type: 'animal',
-		width: 150,
-		height: 150
-	}
-
 	getImageUrl() {
 		let { type, width, height } = this.props;
 		let types = {
@@ -41,3 +29,15 @@ export default class Placeholder extends Component {
 		);
 	}
 }
+
+Placeholder.propTypes = {
+	type: PropTypes.oneOf(['animal', 'bacon', 'beard', 'bear', 'cat', 'food', 'city', 'nature', 'people']),
+	width: PropTypes.number,
+	height: PropTypes.number
+};
+
+Placeholder.defaultProps = {
+	type: 'animal',
+	width: 150,
+	height: 150
+};