scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2025-02-17 00:21:20 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

added autocensor-specific banner message

Browse source
This commit is contained in:
Ben Wheeler 2019-01-22 16:36:19 -05:00
parent ddf6793362
commit 971b3dc2d1
3 changed files with 37 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/views/preview/banner.scss
View file

@ -2,7 +2,7 @@
$navigation-height: 50px; $navigation-height: 50px;
.banner-outer{ .banner-outer {
display: flex; display: flex;
background-color: $ui-orange-25percent; background-color: $ui-orange-25percent;
width: 100%; width: 100%;
@ -32,7 +32,7 @@ $navigation-height: 50px;
flex-wrap: nowrap; flex-wrap: nowrap;
} }
.banner-text{ .banner-text {
padding: .625rem 0; padding: .625rem 0;
max-width: 50rem; max-width: 50rem;
line-height: 1.25rem; line-height: 1.25rem;

2
src/views/preview/l10n.json
View file

@ -29,6 +29,8 @@
"project.credit": "Thanks to {userLink} for the original project {projectLink}.", "project.credit": "Thanks to {userLink} for the original project {projectLink}.",
"project.deletedBanner": "Note: This project is in the trash folder", "project.deletedBanner": "Note: This project is in the trash folder",
"project.defaultCensoredMessage": "This project was removed by the Scratch Team because it was disrespectful, inappropriate for all ages, or otherwise breaks the Scratch community guidelines.", "project.defaultCensoredMessage": "This project was removed by the Scratch Team because it was disrespectful, inappropriate for all ages, or otherwise breaks the Scratch community guidelines.",
"project.communityCensoredMessage": "Your project has been temporarily un-shared because multiple people reported it as inappropriate.",
"project.willReviewCensoredMessage": "The Scratch Team will review the project based on the {communityGuidelinesLink}, and either restore the project or confirm the censorship.",
"project.tempCensoredMessage": "Please read the {communityGuidelinesLink} and be sure to edit the project to make sure it's respectful before resharing it.", "project.tempCensoredMessage": "Please read the {communityGuidelinesLink} and be sure to edit the project to make sure it's respectful before resharing it.",
"project.permCensoredMessage": "It cannot be reshared at any time in the future.", "project.permCensoredMessage": "It cannot be reshared at any time in the future.",
"project.communityGuidelines": "community guidelines", "project.communityGuidelines": "community guidelines",

53
src/views/preview/presentation.jsx
View file

@ -148,27 +148,40 @@ const PreviewPresentation = ({
if (visibilityInfo.message) { // if message is present, set innerHTML with it if (visibilityInfo.message) { // if message is present, set innerHTML with it
censoredMessage = embedCensorMessage(visibilityInfo.message); censoredMessage = embedCensorMessage(visibilityInfo.message);
} else { // if message is blank or missing, use default } else { // if message is blank or missing, use default
censoredMessage = ( const communityGuidelinesLink = (
<React.Fragment> <a href="/community_guidelines/">
<FormattedMessage id="project.defaultCensoredMessage" /> <FormattedMessage id="project.communityGuidelines" />
<br /> </a>
<br />
{visibilityInfo.reshareable ? (
<FormattedMessage
id="project.tempCensoredMessage"
values={{
communityGuidelinesLink: (
<a href="/community_guidelines/">
<FormattedMessage id="project.communityGuidelines" />
</a>
)
}}
/>
) : (
<FormattedMessage id="project.permCensoredMessage" />
)}
</React.Fragment>
); );
if (visibilityInfo.censoredByCommunity) {
censoredMessage = (
<React.Fragment>
<FormattedMessage id="project.communityCensoredMessage" />
<br />
<br />
<FormattedMessage
id="project.willReviewCensoredMessage"
values={{communityGuidelinesLink: communityGuidelinesLink}}
/>
</React.Fragment>
);
} else {
censoredMessage = (
<React.Fragment>
<FormattedMessage id="project.defaultCensoredMessage" />
<br />
<br />
{visibilityInfo.reshareable ? (
<FormattedMessage
id="project.tempCensoredMessage"
values={{communityGuidelinesLink: communityGuidelinesLink}}
/>
) : (
<FormattedMessage id="project.permCensoredMessage" />
)}
</React.Fragment>
);
}
} }
banner = (<Banner banner = (<Banner
className="banner-danger" className="banner-danger"