add prop types to preference, fix proptype head in preview frame

client/modules/IDE/components/Preferences.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { PropTypes } from 'react';
 
 const Isvg = require('react-inlinesvg');
 const exitUrl = require('../../../images/exit.svg');
@@ -6,33 +6,39 @@ const plusUrl = require('../../../images/plus.svg');
 const minusUrl = require('../../../images/minus.svg');
 const classNames = require('classnames');
 
-class Preferences extends React.Component {
-  render() {
+function Preferences(props) {
   const preferencesContainerClass = classNames({
     preferences: true,
-      'preferences--selected': this.props.isVisible
+    'preferences--selected': props.isVisible
   });
   return (
     <div className={preferencesContainerClass} tabIndex="0">
       <div className="preferences__heading">
         <h2 className="preferences__title">Preferences</h2>
-          <button className="preferences__exit-button" onClick={this.props.closePreferences}>
+        <button className="preferences__exit-button" onClick={props.closePreferences}>
           <Isvg src={exitUrl} alt="Exit Preferences" />
         </button>
       </div>
       <div className="preference">
         <h3 className="preference__title">Text Size</h3>
-          <button className="preference__plus-button" onClick={this.props.decreaseFont}>
+        <button className="preference__plus-button" onClick={props.decreaseFont}>
           <Isvg src={minusUrl} alt="Decrease Font Size" />
         </button>
-          <p className="preference__value">{this.props.fontSize}</p>
-          <button className="preference__minus-button" onClick={this.props.increaseFont}>
+        <p className="preference__value">{props.fontSize}</p>
+        <button className="preference__minus-button" onClick={props.increaseFont}>
           <Isvg src={plusUrl} alt="Increase Font Size" />
         </button>
       </div>
     </div>
   );
 }
-}
+
+Preferences.propTypes = {
+  isVisible: PropTypes.bool.isRequired,
+  closePreferences: PropTypes.func.isRequired,
+  decreaseFont: PropTypes.func.isRequired,
+  fontSize: PropTypes.number.isRequired,
+  increaseFont: PropTypes.func.isRequired
+};
 
 export default Preferences;

client/modules/IDE/components/PreviewFrame.js

@@ -69,7 +69,7 @@ class PreviewFrame extends React.Component {
 
 PreviewFrame.propTypes = {
   isPlaying: PropTypes.bool.isRequired,
-  head: PropTypes.string.isRequired,
+  head: PropTypes.object.isRequired,
   content: PropTypes.string.isRequired
 };