fix(client): update report-user placeholder text
parent
5b2ade9cee
commit
4057bb1cc2
|
@ -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>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in New Issue