github.com/replicatedhq/ship@v0.55.0/web/init/src/components/config_render/ConfigGroups.jsx (about)

     1  import React from "react";
     2  import ConfigGroup from "./ConfigGroup";
     3  
     4  export default class ConfigGroups extends React.Component {
     5  
     6    handleGroupChange = (groupName, itemName, value, data) => {
     7      if (this.props.handleChange) {
     8        this.props.handleChange(groupName, itemName, value, data);
     9      }
    10    }
    11  
    12    render() {
    13      const { fieldsList, fields, readonly } = this.props;
    14      return (
    15        <div className="flex-column flex1">
    16          {fieldsList && fieldsList.map((fieldName, i) => (
    17            <ConfigGroup
    18              key={`${i}-${fieldName}`}
    19              items={fields}
    20              item={fields[fieldName]}
    21              handleChange={(itemName, value, data) => this.handleGroupChange(fieldName, itemName, value, data)}
    22              readonly={readonly}
    23            />
    24          ))
    25          }
    26        </div>
    27      );
    28    }
    29  }