gistfile1.txt

render() {
    const details = this.props.details;
    const paletteType = this.props.details.section;
    return (
      <div key={details.key}>
        <h2>This is {paletteType} palette</h2>
        <div className="o-grid  o-grid--centre  o-grid--start o-grid--auto">
          {Object.keys(this.state.colours)
            .filter(function(filteredSwatches) {
              return colours[filteredSwatches].colourType === paletteType;
            })
            .map(key => <SwatchCard key={key} details={this.state.colours[key]} />)}
        </div>
      </div>
    );
  }