From f60a7e845da88722b02440716bfa82b28dcf3660 Mon Sep 17 00:00:00 2001
From: catarak <ctarakajian@gmail.com>
Date: Mon, 27 Jun 2016 15:57:36 -0400
Subject: [PATCH] add prop types to preference, fix proptype head in preview
 frame

---
 client/modules/IDE/components/Preferences.js  | 60 ++++++++++---------
 client/modules/IDE/components/PreviewFrame.js |  2 +-
 2 files changed, 34 insertions(+), 28 deletions(-)

diff --git a/client/modules/IDE/components/Preferences.js b/client/modules/IDE/components/Preferences.js
index 89e0bb89..fb4bdffd 100644
--- a/client/modules/IDE/components/Preferences.js
+++ b/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() {
-    const preferencesContainerClass = classNames({
-      preferences: true,
-      'preferences--selected': this.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}>
-            <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}>
-            <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}>
-            <Isvg src={plusUrl} alt="Increase Font Size" />
-          </button>
-        </div>
+function Preferences(props) {
+  const preferencesContainerClass = classNames({
+    preferences: true,
+    '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={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={props.decreaseFont}>
+          <Isvg src={minusUrl} alt="Decrease Font Size" />
+        </button>
+        <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;
diff --git a/client/modules/IDE/components/PreviewFrame.js b/client/modules/IDE/components/PreviewFrame.js
index 20c79907..fe53540a 100644
--- a/client/modules/IDE/components/PreviewFrame.js
+++ b/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
 };