Update examples accordingly.

threepointone · Apr 18, 2017 · a80e9bc · a80e9bc
1 parent 2e86933
commit a80e9bc
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 14 deletions.
diff --git a/examples/tweet/content.js b/examples/tweet/content.js
@@ -1,7 +1,8 @@
 import { createElement } from '../../src/react' // eslint-disable-line no-unused-vars
 /** @jsx createElement */
 
-import React, { PropTypes } from 'react' //eslint-disable-line no-unused-vars
+import PropTypes from 'prop-types'
+import React from 'react'
 import { merge, select } from '../../src'
 import { vars } from '../../src/react'
 
@@ -13,7 +14,7 @@ export class Content extends React.Component {
     text: PropTypes.string
   }
   styles = {
-    text: merge({ 
+    text: merge({
       fontSize: '1.25rem',
       fontWeight: 300,
       lineHeight: '1.5em',
@@ -35,7 +36,7 @@ export class Content extends React.Component {
   }
   render() {
     let { media, text } = this.props
-    let styles = this.styles 
+    let styles = this.styles
     return <div>
       <p css={styles.text} dangerouslySetInnerHTML={{ __html: text }} />
       <a css={styles.media} href={media.expanded_url}>
@@ -44,4 +45,3 @@ export class Content extends React.Component {
     </div>
   }
 }
-
diff --git a/examples/tweet/footer.js b/examples/tweet/footer.js
@@ -1,7 +1,8 @@
 import { createElement } from '../../src/react' // eslint-disable-line no-unused-vars
 /** @jsx createElement */
 
-import React, { Component, PropTypes } from 'react' // eslint-disable-line no-unused-vars
+import PropTypes from 'prop-types'
+import React, { Component } from 'react' // eslint-disable-line no-unused-vars
 
 import { reply, retweet, like, more } from './svgs'
 
@@ -68,7 +69,7 @@ export class Footer extends Component {
       flexGrow: 1,
       justifyContent: 'center',
       textAlign: 'center',
-      
+
       background: 'none',
       border: 'none',
       color: 'inherit',
@@ -81,7 +82,7 @@ export class Footer extends Component {
       color: this.props.vars.animation
     }
   }
-  
+
   handleClick = () => {
     this.setState({
       liked: !this.state.liked
@@ -91,7 +92,7 @@ export class Footer extends Component {
   render() {
     const { createdAt, favoriteCount, retweetCount } = this.props
     const { liked } = this.state
-    let { styles } = this 
+    let { styles } = this
 
     return (
       <div>
@@ -116,7 +117,7 @@ export class Footer extends Component {
             {retweet}
           </div>
           <button css={styles.button} onClick={this.handleClick}>
-            {like(liked && style(styles.liked))}          
+            {like(liked && style(styles.liked))}
           </button>
           <div css={styles.icon}>
             {more}

diff --git a/examples/tweet/header.js b/examples/tweet/header.js
@@ -3,7 +3,8 @@ import { createElement } from '../../src/react' // eslint-disable-line no-unused
 
 
 // @value primary, secondary from 'styles/colors.css';
-import React, { PropTypes } from 'react'
+import PropTypes from 'prop-types'
+import React from 'react'
 import { merge, select, before } from '../../src'
 import { vars } from '../../src/react'
 
@@ -70,7 +71,6 @@ export class Header extends React.Component {
           <span css={styles.screenName}>@{screenName}</span>
         </a>
       </div>
-    </div>  
+    </div>
   }
 }
-
diff --git a/examples/tweet/tweet.js b/examples/tweet/tweet.js
@@ -1,8 +1,8 @@
 import { createElement } from '../../src/react' // eslint-disable-line no-unused-vars
 /** @jsx createElement */
 
-
-import React, { PropTypes } from 'react'
+import PropTypes from 'prop-types'
+import React from 'react' // eslint-disable-line no-unused-vars
 
 import { Header } from './header'
 import { Content } from './content'