const ConfirmDataEditor = props => {
  if (!props.popup) {
    return null;
  } else {
    return (
      <div className="search-result-confirm-popup white-div--large">
        <h2 className="admin-subtitle">
          {Strings("these_data_will_be_modified")}
        </h2>
        ["name","email","signedDataPolicy","mentorApplication","FRH","BTH"].map(value => !!props[value] ?
          <table>
            <tr className="confirm-table-row">
              <td className="confirm-table-row-label">
              {
              ["signedDataPolicy", "mentorApplication"].includes(value) ?
              <i className="material-icons">check_circle</i> :
              Strings(value)
              }
              </td>
              <td className="confirm-table-row-value">{props[value]}</td>
            </tr>
          </table> : null)
        <div className="submit-button-container">
          <button onClick={props.handleClickOnClose} className="hollow_button">
            {Strings("cancel")}
          </button>
          <button className="button" onClick={props.dataOnSubmit}>
            {Strings("yes")}
          </button>
        </div>
      </div>
    );
  }
};