<commit_before>import PropTypes from 'prop-types'
import React from 'react'
import { FormattedMessage } from 'react-intl'
import { Tabs, Tab } from '~client/components/navigation'
import {
  SettingsPageLayout,
  SettingsPageMenuLayout,
  SettingsPageContentLayout
} from '~client/components/layout'
import {
  FormGroup,
  FormControl,
  ControlLabel,
  UploadImageField
} from '~client/components/forms'
import { SettingsForm } from '~client/ux/components'
import * as Paths from '~client/paths'

const EditUserPage = ({
  fields: {
    avatar,
    first_name: firstName,
    last_name: lastName,
    email
  },
  ...formProps
}) => (
  <SettingsPageLayout>
    <SettingsPageMenuLayout
      title={
        <FormattedMessage
          id='page--account-edit.header.title'
          defaultMessage='Minha conta'
        />
      }
    >
      <Tabs>
        <Tab
          text={
            <FormattedMessage
              id='page--account-edit.header.tabs.user'
              defaultMessage='Usuário'
            />
          }
          path={Paths.editAccount()}
          isActive />
      </Tabs>
    </SettingsPageMenuLayout>
    <SettingsPageContentLayout>
      {/* TODO: Change FormRedux to be transparent by default */}
      <SettingsForm {...formProps}>
        <FormGroup controlId='avatarId' {...avatar}>
          <UploadImageField signingUrl={`${process.env.API_URL}/uploads`} />
        </FormGroup>
        <FormGroup controlId='firstNameId' {...firstName}>
          <ControlLabel>
            <FormattedMessage
              id='page--account-edit.form.name.label'
              defaultMessage='Nome'
            />
          </ControlLabel>
          <FormControl type='text' />
        </FormGroup>
        <FormGroup controlId='lastNameId' {...lastName}>
          <ControlLabel>
            <FormattedMessage
              id='page--account-edit.form.lastname.label'
              defaultMessage='Sobrenome'
            />
          </ControlLabel>
          <FormControl type='text' />
        </FormGroup>
        <FormGroup controlId='emailId' {...email}>
          <ControlLabel>
            <FormattedMessage
              id='page--account-edit.form.email.label'
              defaultMessage='E-mail'
            />
          </ControlLabel>
          <FormControl type='email' />
        </FormGroup>
      </SettingsForm>
    </SettingsPageContentLayout>
  </SettingsPageLayout>
)

EditUserPage.propTypes = {
  // Injected by react-redux
  submit: PropTypes.func.isRequired,
  // Injected by redux-form
  fields: PropTypes.object.isRequired
}

export default EditUserPage
<commit_msg>style: fix closing component coding style #604<commit_after>import PropTypes from 'prop-types'
import React from 'react'
import { FormattedMessage } from 'react-intl'
import { Tabs, Tab } from '~client/components/navigation'
import {
  SettingsPageLayout,
  SettingsPageMenuLayout,
  SettingsPageContentLayout
} from '~client/components/layout'
import {
  FormGroup,
  FormControl,
  ControlLabel,
  UploadImageField
} from '~client/components/forms'
import { SettingsForm } from '~client/ux/components'
import * as Paths from '~client/paths'

const EditUserPage = ({
  fields: {
    avatar,
    first_name: firstName,
    last_name: lastName,
    email
  },
  ...formProps
}) => (
  <SettingsPageLayout>
    <SettingsPageMenuLayout
      title={
        <FormattedMessage
          id='page--account-edit.header.title'
          defaultMessage='Minha conta'
        />
      }
    >
      <Tabs>
        <Tab
          text={
            <FormattedMessage
              id='page--account-edit.header.tabs.user'
              defaultMessage='Usuário'
            />
          }
          path={Paths.editAccount()}
          isActive
        />
      </Tabs>
    </SettingsPageMenuLayout>
    <SettingsPageContentLayout>
      {/* TODO: Change FormRedux to be transparent by default */}
      <SettingsForm {...formProps}>
        <FormGroup controlId='avatarId' {...avatar}>
          <UploadImageField signingUrl={`${process.env.API_URL}/uploads`} />
        </FormGroup>
        <FormGroup controlId='firstNameId' {...firstName}>
          <ControlLabel>
            <FormattedMessage
              id='page--account-edit.form.name.label'
              defaultMessage='Nome'
            />
          </ControlLabel>
          <FormControl type='text' />
        </FormGroup>
        <FormGroup controlId='lastNameId' {...lastName}>
          <ControlLabel>
            <FormattedMessage
              id='page--account-edit.form.lastname.label'
              defaultMessage='Sobrenome'
            />
          </ControlLabel>
          <FormControl type='text' />
        </FormGroup>
        <FormGroup controlId='emailId' {...email}>
          <ControlLabel>
            <FormattedMessage
              id='page--account-edit.form.email.label'
              defaultMessage='E-mail'
            />
          </ControlLabel>
          <FormControl type='email' />
        </FormGroup>
      </SettingsForm>
    </SettingsPageContentLayout>
  </SettingsPageLayout>
)

EditUserPage.propTypes = {
  // Injected by react-redux
  submit: PropTypes.func.isRequired,
  // Injected by redux-form
  fields: PropTypes.object.isRequired
}

export default EditUserPage

{'fraction_non_alphanumeric': 0.12005302026131415, 'fraction_numerical': 0.0005680742283658398, 'mean_word_length': 2.1199054932073245, 'pattern_counts': {'":': 0, '<': 71, '<?xml version=': 0, '>': 73, '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': '3628869', 'n_tokens_mistral': 1495, 'n_tokens_neox': 1492, 'n_words': 272}