Merge pull request #3252 from ev1stensberg/master

Picky fix on ES6 syntax

Author: knowbody

examples/huge-apps/components/App.js

@@ -1,9 +1,9 @@
 /*globals COURSES:true */
-import React from 'react'
+import React, { Component } from 'react'
 import Dashboard from './Dashboard'
 import GlobalNav from './GlobalNav'
 
-class App extends React.Component {
+class App extends Component {
   render() {
     return (
       <div>

examples/huge-apps/components/Dashboard.js

@@ -1,7 +1,7 @@
-import React from 'react'
+import React, { Component } from 'react'
 import { Link } from 'react-router'
 
-class Dashboard extends React.Component {
+class Dashboard extends Component {
   render() {
     const { courses } = this.props
 

examples/huge-apps/components/GlobalNav.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { Component } from 'react'
 import { Link } from 'react-router'
 
 const dark = 'hsl(200, 20%, 20%)'
@@ -24,7 +24,7 @@ styles.activeLink = {
   color: dark
 }
 
-class GlobalNav extends React.Component {
+class GlobalNav extends Component {
 
   constructor(props, context) {
     super(props, context)

examples/huge-apps/routes/Calendar/components/Calendar.js

@@ -1,6 +1,6 @@
-import React from 'react'
+import React, { Component } from 'react'
 
-class Calendar extends React.Component {
+class Calendar extends Component {
   render() {
     const events = [
       { id: 0, title: 'essay due' }

examples/huge-apps/routes/Course/components/Course.js

@@ -1,5 +1,5 @@
 /*globals COURSES:true */
-import React from 'react'
+import React, { Component } from 'react'
 import Dashboard from './Dashboard'
 import Nav from './Nav'
 
@@ -13,7 +13,7 @@ styles.sidebar = {
   marginRight: 20
 }
 
-class Course extends React.Component {
+class Course extends Component {
   render() {
     let { sidebar, main, children, params } = this.props
     let course = COURSES[params.courseId]

examples/huge-apps/routes/Course/components/Dashboard.js

@@ -1,6 +1,6 @@
-import React from 'react'
+import React, { Component } from 'react'
 
-class Dashboard extends React.Component {
+class Dashboard extends Component {
   render() {
     return (
       <div>

examples/huge-apps/routes/Course/components/Nav.js

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, { Component } from 'react'
 import { Link } from 'react-router'
 
 const styles = {}
@@ -18,7 +18,7 @@ styles.activeLink = {
   color: 'red'
 }
 
-class Nav extends React.Component {
+class Nav extends Component {
   render() {
     const { course } = this.props
     const pages = [

examples/huge-apps/routes/Course/routes/Announcements/components/Announcements.js

@@ -1,6 +1,6 @@
-import React from 'react'
+import React, { Component } from 'react'
 
-class Announcements extends React.Component {
+class Announcements extends Component {
   render() {
     return (
       <div>

examples/huge-apps/routes/Course/routes/Announcements/components/Sidebar.js

@@ -1,8 +1,8 @@
 /*globals COURSES:true */
-import React from 'react'
+import React, { Component } from 'react'
 import { Link } from 'react-router'
 
-class AnnouncementsSidebar extends React.Component {
+class AnnouncementsSidebar extends Component {
   render() {
     let { announcements } = COURSES[this.props.params.courseId]
 

examples/huge-apps/routes/Course/routes/Announcements/routes/Announcement/components/Announcement.js

@@ -1,7 +1,7 @@
 /*globals COURSES:true */
-import React from 'react'
+import React, { Component } from 'react'
 
-class Announcement extends React.Component {
+class Announcement extends Component {
   render() {
     let { courseId, announcementId } = this.props.params
     let { title, body } = COURSES[courseId].announcements[announcementId]