Cacher is the code snippet organizer for pro developers

import React, { Component, PropTypes } from 'react';
import { OptionSelectBackgound } from '../components/Settings';
import { Link } from 'react-router';
import * as icon from 'react-octicons-svg';

const cn = require('bem-cn')('settings');

export default class SettingsContainer extends Component {
  static propTypes = {
    name: React.PropTypes.string,
  };

  constructor(props) {
    super(props);
  }

  renderIcon() {
    var arr = [];

    for (var key in icon) {
      arr.push(icon[key])
    }

    return arr;
  }

  render() {
    return (
      <div className={cn.mix('container')}>
        <div className={cn('header')}>
          <h1 className={cn('title')}>Настройки</h1>

          <Link
            to={'/'}
            className={cn('link')}>

            {/*<XIcon className={cn('icon').mix('no-select cur')} />*/}
          </Link>
        </div>

        {this.renderIcon().map((e, i) =>
          <div className="www" key={i}>
            {React.createElement(e)}
            <span>{e.name}</span>
          </div>
        )}

        <div className={cn('options')}>
          <OptionSelectBackgound />
        </div>
      </div>
    );
  }
}