<commit_before>import React, { Component } from "react";
import { FormGroup, Label, Input } from "reactstrap";
import ContactContextMenu from "../views/Sensors/contactContextMenu";
export default class SetArmyContacts extends Component {
  render() {
    const { updateArgs, args /*client*/ } = this.props;
    return (
      <FormGroup className="macro-setArmyContacts">
        <Label>Domain</Label>
        <Input
          type="select"
          value={args.domain}
          onChange={evt => updateArgs("domain", evt.target.value)}
        >
          <option value={null}>Pick a Domain</option>
          <option value="external">External</option>
          <option value="internal">Internal</option>
        </Input>
        <ContactContextMenu contact={{}} />
      </FormGroup>
    );
  }
}<commit_msg>More work on teh set army contacts macro<commit_after>import React, { Component } from "react";
import { FormGroup, Label, Input, Col, Button } from "reactstrap";
import FontAwesome from "react-fontawesome";
import ContactContextMenu from "../views/Sensors/contactContextMenu";

export default class SetArmyContacts extends Component {
  state = { removeContacts: false };
  selectContact = contact => {};
  removeContact = contact => {};
  addArmyContact = () => {};
  render() {
    const { updateArgs, args /*client*/ } = this.props;
    const { removeContacts } = this.state;
    const armyContacts = [];
    return (
      <FormGroup className="macro-setArmyContacts">
        <Label>Domain</Label>
        <Input
          type="select"
          value={args.domain}
          onChange={evt => updateArgs("domain", evt.target.value)}
        >
          <option value={null}>Pick a Domain</option>
          <option value="external">External</option>
          <option value="internal">Internal</option>
        </Input>
        <p>Contacts:</p>
        <div className="contact-scroll">
          {armyContacts.map(contact => {
            return (
              <Col key={contact.id} className={"flex-container"}>
                <img
                  OnClick={() => this.selectContact(contact)}
                  draggable="false"
                  role="presentation"
                  className="armyContact"
                  src={contact.iconUrl}
                />
                <label onClick={() => this.selectContact(contact)}>
                  {contact.name}
                </label>
                {removeContacts &&
                  <FontAwesome
                    name="ban"
                    className="text-danger pull-right clickable"
                    onClick={() => this.removeContact(contact)}
                  />}
              </Col>
            );
          })}
        </div>
        <Button size="sm" color="success" onClick={this.addArmyContact}>
          Add Contact
        </Button>
        <label>
          <input
            type="checkbox"
            onChange={e => {
              this.setState({ removeContacts: e.target.checked });
            }}
          />{" "}
          Remove
        </label>
        <ContactContextMenu contact={{}} />
      </FormGroup>
    );
  }
}
{'fraction_non_alphanumeric': 0.1346276257161044, 'fraction_numerical': 0.0, 'mean_word_length': 1.9237209302325582, 'pattern_counts': {'":': 0, '<': 44, '<?xml version=': 0, '>': 54, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5550968', 'n_tokens_mistral': 826, 'n_tokens_neox': 811, 'n_words': 170}