fix stuff

lalit-sh · Jun 3, 2015 · 08c5dac · 08c5dac
1 parent 2012edb
commit 08c5dac
Show file tree

Hide file tree

Showing 14 changed files with 129 additions and 132 deletions.
diff --git a/example/base.jsx b/example/base.jsx
@@ -1,6 +1,7 @@
 import React from 'react/addons';
 
-export default class Base extends React.Component {
+
+class Base extends React.Component {
   render() {
     return (
       <html>
@@ -21,3 +22,5 @@ export default class Base extends React.Component {
     );
   }
 }
+
+export default Base;
diff --git a/example/code-snippets/main.jsx b/example/code-snippets/main.jsx
@@ -1,57 +1,56 @@
-/* global React */
-"use strict";
+import React from 'react/addons';
 
-var DateRangePicker = require('react-daterange-picker');
-var moment = require('moment-range');
+import DateRangePicker from 'react-daterange-picker';
+import moment from 'moment-range';
 
-var stateDefinitions = {
+const stateDefinitions = {
   available: {
     color: null,
-    label: 'Available'
+    label: 'Available',
   },
   enquire: {
     color: '#ffd200',
-    label: 'Enquire'
+    label: 'Enquire',
   },
   unavailable: {
     selectable: false,
     color: '#78818b',
-    label: 'Unavailable'
-  }
+    label: 'Unavailable',
+  },
 };
 
-var dateRanges = [
+const dateRanges = [
   {
     state: 'enquire',
-    range: moment().range(
+    range: moment.range(
       moment().add(2, 'weeks').subtract(5, 'days'),
       moment().add(2, 'weeks').add(6, 'days')
-    )
+    ),
   },
   {
     state: 'unavailable',
-    range: moment().range(
+    range: moment.range(
       moment().add(3, 'weeks'),
       moment().add(3, 'weeks').add(5, 'days')
-    )
-  }
+    ),
+  },
 ];
 
 var DatePicker = React.createClass({
-  getInitialState: function() {
+  getInitialState() {
     return {
-        value: null
+        value: null,
     };
   },
-  handleSelect: function(range, states) {
+  handleSelect(range, states) {
     // range is a moment-range object
     this.setState({
       value: range,
       states: states,
     });
   },
 
-  render: function() {
+  render() {
     return (
       <DateRangePicker
         firstOfWeek={1}
@@ -65,5 +64,5 @@ var DatePicker = React.createClass({
         value={this.state.value}
         onSelect={this.handleSelect} />
     );
-  }
+  },
 });
diff --git a/example/components/code-snippet.jsx b/example/components/code-snippet.jsx
@@ -1,6 +1,4 @@
 /* global hljs */
-'use strict';
-
 import React from 'react/addons';
 import cx from 'classnames';
 
@@ -11,27 +9,27 @@ const CodeSnippet = React.createClass({
     visible: React.PropTypes.bool
   },
 
-  getDefaultProps: function() {
+  getDefaultProps() {
     return {
       toggle: true,
-      visible: false
+      visible: false,
     };
   },
 
-  getInitialState: function() {
+  getInitialState() {
     return {
-      visible: this.props.visible || !this.props.toggle
+      visible: this.props.visible || !this.props.toggle,
     };
   },
 
-  handleClick: function(event) {
+  handleClick(event) {
     event.preventDefault();
     var value = !this.state.visible;
 
     var self = this;
 
     this.setState({
-      visible: value
+      visible: value,
     }, function() {
       if (value) {
         var el = self.refs.codeBlock.getDOMNode();
@@ -69,7 +67,7 @@ const CodeSnippet = React.createClass({
           </pre> : null}
       </div>
     );
-  }
+  },
 });
 
 export default CodeSnippet;
diff --git a/example/components/features.jsx b/example/components/features.jsx
@@ -1,9 +1,7 @@
-"use strict";
+import React from 'react/addons';
 
-var React = require('react/addons');
-
-var Features = React.createClass({
-  render: function() {
+const Features = React.createClass({
+  render() {
     return (
       <div className="features">
         <h2>Features</h2>
@@ -23,7 +21,7 @@ var Features = React.createClass({
         </ul>
       </div>
     );
-  }
+  },
 });
 
-module.exports = Features;
+export default Features;
diff --git a/example/components/footer.jsx b/example/components/footer.jsx
@@ -1,9 +1,22 @@
-"use strict";
+import React from 'react/addons';
 
-var React = require('react/addons');
 
-var Footer = React.createClass({
-  render: function() {
+const OFSCredit = React.createClass({
+  render() {
+    return (
+      <div className="ofs-credit">
+        <p className="ofs-credit__text">Built by</p>
+        <a href="http://www.onefinestay.com/" className="ofs-credit__logo">
+          <img src="img/logo.png"/>
+        </a>
+      </div>
+    );
+  },
+});
+
+
+const Footer = React.createClass({
+  render() {
     return (
       <footer className="footer">
         <OFSCredit />
@@ -14,20 +27,8 @@ var Footer = React.createClass({
         </div>
       </footer>
     );
-  }
+  },
 });
 
-var OFSCredit = React.createClass({
-  render: function() {
-    return (
-      <div className="ofs-credit">
-        <p className="ofs-credit__text">Built by</p>
-        <a href="http://www.onefinestay.com/" className="ofs-credit__logo">
-          <img src="img/logo.png"/>
-        </a>
-      </div>
-    );
-  }
-});
 
-module.exports = Footer;
+export default Footer;
diff --git a/example/components/github-ribbon.jsx b/example/components/github-ribbon.jsx
@@ -1,22 +1,20 @@
-"use strict";
+import React from 'react/addons';
 
-var React = require('react/addons');
-
-var GithubRibbon = React.createClass({
-  render: function() {
-    var style = {
+const GithubRibbon = React.createClass({
+  render() {
+    const style = {
       position: 'absolute',
       top: 0,
       right: 0,
-      border: 0
+      border: 0,
     };
 
     return (
       <a href="https://github.com/onefinestay/react-daterange-picker">
         <img style={style} src="https://camo.githubusercontent.com/a6677b08c955af8400f44c6298f40e7d19cc5b2d/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f677261795f3664366436642e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_gray_6d6d6d.png" />
       </a>
     );
-  }
+  },
 });
 
-module.exports = GithubRibbon;
+export default GithubRibbon;
diff --git a/example/components/header.jsx b/example/components/header.jsx
@@ -1,15 +1,14 @@
-"use strict";
+import React from 'react/addons';
 
-var React = require('react/addons');
 
-var Header = React.createClass({
-  render: function() {
+const Header = React.createClass({
+  render() {
     return (
       <header className="header">
         <h1 className="header__title">React Daterange Picker</h1>
       </header>
     );
-  }
+  },
 });
 
-module.exports = Header;
+export default Header;
diff --git a/example/components/install.jsx b/example/components/install.jsx
@@ -1,10 +1,10 @@
-"use strict";
+import React from 'react/addons';
 
-var React = require('react/addons');
-var CodeSnippet = require('./code-snippet');
+import CodeSnippet from './code-snippet';
 
-var Install = React.createClass({
-  render: function() {
+
+const Install = React.createClass({
+  render() {
     return (
       <div className="install">
         <h2>Install</h2>
@@ -13,7 +13,7 @@ var Install = React.createClass({
         </CodeSnippet>
       </div>
     );
-  }
+  },
 });
 
-module.exports = Install;
+export default Install;