import React, { PropTypes, Component }  from 'react';
//import ETab                           from './Tab';
import { TabList }                      from '../constants';
import { Tab, Tabs }                    from 'material-ui';


export default class ETabs extends Component {
  handleClick(tab) {
    this.props.changeTab(tab);
  }

  render() {
    return (
      <div>  
      <Tabs>
        { TabList.map(function(tab) {
          return (
            <Tab 
              key={tab.id} 
              url={tab.url} 
              onClick={this.handleClick.bind(this, tab)} 
              label={tab.name}></Tab>
              
          );
        }.bind(this))
      }
      </Tabs>
      </div>
    );
  }
}

@@ -271,16 +271,154 @@
 onent %7B%0A
+  constructor () %7B%0A    super();%0A%0A    //Adds display name for debugging purposes%0A    this.displayName = 'ETabs';%0A    this.state = %7B%7D;%0A  %7D%0A%0A
   handle
@@ -508,24 +508,26 @@
 iv%3E  %0A      
+  
 %3CTabs%3E%0A     
@@ -529,18 +529,19 @@
         
-%7B
  
+ %7B
 TabList.
@@ -556,24 +556,26 @@
 tion(tab) %7B%0A
+  
           re
@@ -597,14 +597,19 @@
     
+  
 %3CTab
- 
 %0A
+    
     
@@ -650,23 +650,33 @@
     
-url=%7Btab.url%7D %0A
+    label=%7Btab.name%7D%0A    
     
@@ -747,31 +747,25 @@
     
-labe
+    ur
 l=%7Btab.
-name%7D%3E%3C/Tab%3E
+url%7D
 %0A   
@@ -775,17 +775,21 @@
         
-%0A
+/%3E%0A  
         
@@ -801,16 +801,18 @@
         
+  
 %7D.bind(t
@@ -823,18 +823,22 @@
 )%0A      
-%7D%0A
+  %7D%0A  
       %3C/
@@ -869,8 +869,69 @@
 ;%0A  %7D%0A%7D%0A
+%0AETabs.propTypes = %7B%0A  changeTab: PropTypes.func.isRequired%0A%7D

Fix linter warnings for Tabs.js