Code change:
<img width="616" alt="Screen Shot 2019-10-01 at 3 26 24 PM" src="https://user-"This is a picture of my own private profile locally, seems like it should say something like "You have not made your profile public" instead of "mot01 has not made their profile public" And as I'm typing this, I'm wondering if a profile should render completely if it's theirs, even if it's not public - there's no way for a user to see what their profile would look like if they don't have it public.
That does look better. The next sentence should be something like "You need to change your privacy settings in order for other people to view your profile". So, they should be able to preview their public profile, basically? Sounds good. If going that route, it would be good to emphasise (even more than currently) that their preview is not public. It wouldn't be good if people went to their preview, saw that it looked right and didn't notice that they were the only people that could see it.
Yes to this, please open a PR. It seems to have been an oversight. I think it's fair to leave the warning on their own pages while showing this page in that case, which means we may need to update the copy for them.
Can you clarify what you want here I'm not sure I understand - do we want to keep the page how it is, and just change the two sentences? Or do we want to display their private profile for them?
Yes. Sorry about being vague last time. I thought about this a little more and I think we should show the users their own profile only when they are signed in. Here is what we should achieve at the end of the day: profiles which are public are visible by default. settings button is only available if the user is on their own profile page. who are not signed in and are visiting profiles which are not public and are not their own are shown the current notice and warnings: ! who are signed in and are visiting their own private profiles are shown the same notice as the above screenshot in point 3 with the verbiage stating "You" and the settings button available. The rest of the their profile is visible as a preview.
So, there'd be a button on their private profile labelled 'Preview profile' and a label 'preview how your profile would look if you made it public'. Clicking that would take them to, say, which shows the preview (and a notice saying that it's currently private). Something like that?
Nope, we do not need a new route. Their profiles can be rendered just below the notice like so: ! Here is the copy: You have not made your profile public. You need to change your privacy setting in order for your profile to be seen by others. This is a preview of how your profile will look when made public.

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