<commit_before>import { Component, PropTypes } from "react";

import Meta from "../../../../components/meta";
import Forms from "../../../../components/forms";

import Back from "../Back";

export default class Layout extends Component {
  static propTypes = {
    home: PropTypes.object,
    update: PropTypes.func,
  }

  submit = (e) => {
    e.preventDefault();

    const data = {};
    for (const ref in this.refs) {
      let value = this.refs[ref].getValue();
      const number = Number(value);
      if (number) {
        value = number;
      }

      data[ref] = value;
    }

    this.props.update(data);
  }

  render() {
    const { update, home, campus } = this.props;

    let {
      city,
      country,
      zip,
      state,
      street1,
      street2,
    } = home;

    return (
      <div
        className="background--light-primary one-whole text-center push-top push-double-top@lap-and-up push-double-bottom background--light-primary"
      >
      <Meta title="Change your address" />
        <Back />
        <Forms.Form
          id="reset-password"
          classes={["soft", "one-whole", "two-thirds@portable", "one-half@anchored", "display-inline-block", "soft-double-sides@palm-wide"]}
          submit={this.submit}
        >
          <div className="push-double">
            <h4 className="text-center">
              My Home Address<commit_msg>lint settings home address layout<commit_after>import { Component, PropTypes } from "react";

import Meta from "../../../../components/meta";
import Forms from "../../../../components/forms";

import Back from "../Back";

export default class Layout extends Component {
  static propTypes = {
    home: PropTypes.object,
    update: PropTypes.func,
  }

  submit = (e) => {
    e.preventDefault();

    const data = {};
    for (const ref in this.refs) {
      let value = this.refs[ref].getValue();
      const number = Number(value);
      if (number) {
        value = number;
      }

      data[ref] = value;
    }

    this.props.update(data);
  }

  render() {
    const { home } = this.props;

    const {
      city,
      zip,
      state,
      street1,
      street2,
    } = home;

    return (
      <div
        className={
          "background--light-primary one-whole text-center push-top " +
          "push-double-top@lap-and-up push-double-bottom background--light-primary"
        }
      >
        <Meta title="Change your address" />
        <Back />
        <Forms.Form
          id="reset-password"
          classes={[
            "soft",
            "one-whole",
            "two-thirds@portable",
            "one-half@anchored",
            "display-inline-block",
            "soft-double-sides@palm-wide",
          ]}
          submit={this.submit}
        >
          <div className="push-double">
            <h4 className="text-center">
              My Home Address
{'fraction_non_alphanumeric': 0.1471097265489789, 'fraction_numerical': 0.0020768431983385254, 'mean_word_length': 1.8557312252964426, 'pattern_counts': {'":': 0, '<': 15, '<?xml version=': 0, '>': 17, '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': '6266546', 'n_tokens_mistral': 852, 'n_tokens_neox': 836, 'n_words': 194}