'use strict'

import React, { Component } from 'react'
import ReactCSS from 'reactcss'

import colors from '../../styles/variables/colors'

import EncryptKeyListItem from './EncryptKeyListItem'

class EncryptKeyList extends Component {
  classes() {
    return {
      'default': {

      },
    }
  }

  // componentDidMount() {
  //   setInterval(() => {
  //     this.props.onTestAdd('Case')
  //   }, 50000)
  // }

  render() {
    return (
        <div>
        { this.props.keys && this.props.keys.map((key, j) => {
          return <EncryptKeyListItem ref="input"
            key={ key.id } // TODO: come up with a better variable name than key
            name={ key.name }
          />
        }) }
        </div>
    )
  }
}

export default ReactCSS(EncryptKeyList)

@@ -402,10 +402,9 @@
  %7D, 
-50
+1
 000)
@@ -448,18 +448,14 @@
     
-  
 %3Cdiv%3E%0A
-  
     
@@ -519,18 +519,16 @@
         
-  
 return %3C
@@ -558,18 +558,16 @@
 %22input%22%0A
-  
         
@@ -647,18 +647,16 @@
         
-  
 name=%7B k
@@ -677,15 +677,11 @@
     
-  
 /%3E%0A
-  
     
@@ -687,18 +687,16 @@
    %7D) %7D%0A
-  
       %3C/

Fix indentation