import React, { Component } from 'react';

import RepeatIcon from 'material-ui/svg-icons/av/repeat';

import { grey500 } from 'material-ui/styles/colors';

class Repeat extends Component {
  render() {
    const styles = {
      text: {
        color: grey500,
      },
      icon: {
        width: 16,
        height: 16
      },
    };
    return (
      <small className="Repeat" style={styles.text}>
        {this.props.repeat.indexOf('0') !== 0 ?
          <RepeatIcon style={styles.icon} color={grey500} />
          :
          null
        }
        {this.props.repeat.indexOf('0') !== 0 || null}
      </small>
    );
  }
}

export default Repeat;

@@ -398,32 +398,43 @@
 text%7D%3E%0A        %7B
+%0A          
 this.props.repea
@@ -456,16 +456,18 @@
 !== 0 ?%0A
+  
         
@@ -565,16 +565,27 @@
        %7B
+%0A          
 this.pro
@@ -611,21 +611,63 @@
 0') 
-!== 0 %7C%7C null
+?%0A          this.props.repeat :%0A          null%0A        
 %7D%0A  

Fix minor bug in Repeat