fix(client): update report-user placeholder text

pull/37132/head
Mrugesh Mohapatra 2019-10-08 23:23:15 +05:30 committed by mrugesh
parent 5b2ade9cee
commit 4057bb1cc2
1 changed files with 15 additions and 10 deletions

View File

@ -10,7 +10,8 @@ import {
FormGroup, FormGroup,
ControlLabel, ControlLabel,
Button, Button,
Col Col,
Row
} from '@freecodecamp/react-bootstrap'; } from '@freecodecamp/react-bootstrap';
import Helmet from 'react-helmet'; import Helmet from 'react-helmet';
@ -142,41 +143,45 @@ class ShowUser extends Component {
} }
const { textarea } = this.state; const { textarea } = this.state;
const placeholderText = `Please provide as much detail as possible about the account or behavior you are reporting.`;
return ( return (
<Fragment> <Fragment>
<Helmet> <Helmet>
<title>Report a users profile | freeCodeCamp.org</title> <title>Report a users profile | freeCodeCamp.org</title>
</Helmet> </Helmet>
<FullWidthRow>
<Spacer size={2} /> <Spacer size={2} />
<Col md={8} mdOffset={2}> <Row className='text-center'>
<Col sm={8} smOffset={2} xs={12}>
<h2> <h2>
Do you want to report {username} Do you want to report {username}
's profile for abuse? 's profile for abuse?
</h2> </h2>
</Col>
</Row>
<Row>
<Col sm={6} smOffset={3} xs={12}>
<p> <p>
We will notify the community moderators' team, and a send copy of We will notify the community moderators' team, and a send copy of
this report to your email:{' '} this report to your email: <strong>{email}</strong>
<span className='green-text'>{email}</span>.
</p> </p>
<p>We may get back to you for more information, if required.</p> <p>We may get back to you for more information, if required.</p>
<form onSubmit={this.handleSubmit}> <form onSubmit={this.handleSubmit}>
<FormGroup controlId='report-user-textarea'> <FormGroup controlId='report-user-textarea'>
<ControlLabel>Additional Information</ControlLabel> <ControlLabel>What would you like to report?</ControlLabel>
<FormControl <FormControl
componentClass='textarea' componentClass='textarea'
onChange={this.handleChange} onChange={this.handleChange}
placeholder='' placeholder={placeholderText}
value={textarea} value={textarea}
/> />
</FormGroup> </FormGroup>
<Button block={true} bsStyle='primary' type='submit'> <Button block={true} bsStyle='primary' type='submit'>
Submit the report Submit the report
</Button> </Button>
<Spacer />
</form> </form>
</Col> </Col>
</FullWidthRow> </Row>
</Fragment> </Fragment>
); );
} }