Add styles to main and remove useless constructors

static_src/components/app_count_status.jsx

@@ -16,10 +16,6 @@ const defaultProps = {
 };
 
 export default class AppCountStatus extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     const props = this.props;
     let health = entityHealth.inactive;

static_src/components/app_quicklook.jsx

@@ -27,10 +27,6 @@ const defaultProps = {
 };
 
 export default class AppQuicklook extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   appHref() {
     const props = this.props;
     const appGuid = props.app.guid;

static_src/components/breadcrumbs_item.jsx

@@ -8,10 +8,6 @@ const propTypes = {
 };
 
 export default class BreadcrumbsItem extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     const url = this.props.url;
     const content = url ?

static_src/components/complex_list.jsx

@@ -21,10 +21,6 @@ const defaultProps = {
 };
 
 export default class ComplexList extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   hasAnyTitle() {
     return !!(this.props.title || this.props.titleElement);
   }

static_src/components/complex_list_item.jsx

@@ -8,10 +8,6 @@ const propTypes = {
 const defaultProps = {};
 
 export default class ComplexListItem extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     return (
       <div className="complex_list-item">

static_src/components/count_status.jsx

@@ -24,10 +24,6 @@ const defaultProps = {
 };
 
 export default class CountStatus extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     const props = this.props;
     const statusClass = `count_status-${props.health.toLowerCase()}`;

static_src/components/elastic_line.jsx

@@ -10,10 +10,6 @@ const defaultProps = {
 };
 
 export default class ElasticLine extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     return (
       <div className="elastic_line">

static_src/components/elastic_line_item.jsx

@@ -17,10 +17,6 @@ const defaultProps = {
 };
 
 export default class ElasticLineItem extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     const props = this.props;
     const alignClass = `elastic_line-item-${props.align}`;

static_src/components/entity_empty.jsx

@@ -13,10 +13,6 @@ const defaultProps = {
 };
 
 export default class EntityEmpty extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     const props = this.props;
     return (

static_src/components/entity_icon.jsx

@@ -19,10 +19,6 @@ const defaultProps = {
 };
 
 export default class EntityIcon extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     const statusClass = this.props.health;
 

static_src/components/expandable_box.jsx

@@ -18,14 +18,10 @@ const defaultProps = {
 };
 
 export default class ExpandableBox extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     const expandedClass = this.props.isExpanded && 'expandable_box-is_expanded';
     return (
-      <div className={[expandable_box, expandedClass, ...this.props.classes].join(' ')}>
+      <div className={['expandable_box', expandedClass, ...this.props.classes].join(' ')}>
         <div className="expandable_box-click" onClick={ this.props.clickHandler }>
           { this.props.clickableContent }
         </div>

static_src/components/footer.jsx

@@ -4,10 +4,6 @@ import React from 'react';
 import { config } from 'skin';
 
 export default class Header extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     return (
       <footer className="grid footer footer-no_sidebar">

static_src/components/form/form_text.jsx

@@ -1,17 +1,10 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import style from 'cloudgov-style/css/cloudgov-style.css';
 import FormElement from './form_element.jsx';
 import FormError from './form_error.jsx';
-import createStyler from '../../util/create_styler';
+import classnames from 'classnames';
 
 export default class FormText extends FormElement {
-  constructor(props) {
-    super(props);
-    this.state = this.state || {};
-    this.styler = createStyler(style);
-  }
-
   get error() {
     if (!this.state.err) {
       return null;
@@ -21,20 +14,15 @@ export default class FormText extends FormElement {
   }
 
   render() {
-    const classes = [];
-
-    if (this.props.inline) {
-      classes.push('form_text-inline');
-    }
-
-    if (!!this.error) {
-      classes.push('error');
-    }
+    const classes = classnames({
+      'form_text-inline': this.props.inline,
+      error: !!this.error
+    });
 
     // Spaces in label give a healthy space for inline forms
     const label = <label htmlFor={ this.key }> { this.props.label } </label>;
     return (
-      <div className={ this.styler(classes) }>
+      <div className={ classes }>
         { !this.props.labelAfter && label }
         <input type="text" id={ this.key } value={ this.state.value }
           onChange={ this.onChange } className={ this.classes }

static_src/components/header.jsx

@@ -7,11 +7,6 @@ import Action from './action.jsx';
 import { config } from 'skin';
 
 export default class Header extends React.Component {
-
-  constructor(props) {
-    super(props);
-  }
-
   getImagePath(iconName) {
     const img = require('cloudgov-style/img/cloudgov-sprite.svg');
     return `/assets/${img}#${iconName}`;

static_src/components/header_link.jsx

@@ -10,11 +10,6 @@ const propTypes = {
 };
 
 export default class HeaderLink extends React.Component {
-
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     let linkContent = (<a href={this.props.url} className={ this.props.classes }>
       {this.props.text}</a>);

static_src/components/icon.jsx

@@ -37,10 +37,6 @@ const defaultProps = {
 };
 
 export default class Icon extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   getImagePath(iconName) {
     const img = require('cloudgov-style/img/cloudgov-sprite.svg');
     const fill = this.props.iconType === 'fill' ? 'fill-' : '';

static_src/components/info_activities.jsx

@@ -10,10 +10,6 @@ const defaultProps = {
 };
 
 export default class InfoActivities extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     return (
       <section className={ this.props.className }>

static_src/components/info_app_create.jsx

@@ -17,10 +17,6 @@ const defaultProps = {
 
 
 export default class InfoAppCreate extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   get noPermission() {
     return (
       <p>

static_src/components/info_environments.jsx

@@ -11,10 +11,6 @@ const defaultProps = {
 };
 
 export default class InfoEnvironment extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     return (
       <section className={ this.props.className }></section>

static_src/components/info_logs.jsx

@@ -5,10 +5,6 @@ import { config } from 'skin';
 import PanelActions from './panel_actions.jsx';
 
 export default class InfoLogs extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     return (
       <PanelActions>

static_src/components/info_sandbox.jsx

@@ -11,10 +11,6 @@ const defaultProps = {
 };
 
 export default class InfoSandbox extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     return (
       <section className={ this.props.className }>

static_src/components/info_structure.jsx

@@ -11,10 +11,6 @@ const defaultProps = {
 };
 
 export default class InfoStructure extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   render() {
     return (
       <section className={ this.props.className }>

static_src/components/page_header.jsx

@@ -7,10 +7,6 @@ const propTypes = {
 };
 
 export default class PageHeader extends React.Component {
-  constructor(props) {
-    super(props);
-  }
-
   get actions() {
     if (!this.props.children) {
       return null;

static_src/components/route_form.jsx

@@ -111,7 +111,7 @@ export default class RouteForm extends React.Component {
     }
 
     return (
-      <form className="route-form panel-form-replace" } onSubmit={ this._onSubmit }>
+      <form className="route-form panel-form-replace" onSubmit={ this._onSubmit }>
         { limit }
         <fieldset>
           <div className="route-fields">

static_src/main.js

@@ -1,4 +1,5 @@
 import 'cloudgov-style/css/base.css';
+import 'cloudgov-style/css/cloudgov-style.css';
 import './css/main.css';
 // Icon used in cg-uaa.
 import './img/dashboard-uaa-icon.jpg';