scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-26 17:16:11 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

added View all link at top of studios list

Browse source
This commit is contained in:
Ben Wheeler 2019-01-04 10:30:43 -05:00
parent b452f73a32
commit 7f2fbd4a3b
4 changed files with 17 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -22,7 +22,7 @@
"project.remixButton.altText": "Save a copy of this project and add your own ideas.",
"project.remixButton.remixing": "Remixing...",
"project.remixes": "Remixes",
"project.viewAllRemixes": "View all",
"project.viewAllInList": "View all",
"project.inviteToRemix": "Invite user to remix",
"project.instructionsLabel": "Instructions",
"project.notesAndCreditsLabel": "Notes and Credits",

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

@ -577,7 +577,10 @@ const PreviewPresentation = ({
projectId={projectId}
remixes={remixes}
/>
<StudioList studios={projectStudios} />
<StudioList
projectId={projectId}
studios={projectStudios}
/>
</FlexRow>
</FlexRow>
</div>

2
src/views/preview/remix-list.jsx
View file

@ -17,7 +17,7 @@ const RemixList = props => {
<div className="list-header-spacer" />
<div className="list-header-link">
<a href={`/projects/${props.projectId}/remixes`}>
<FormattedMessage id="project.viewAllRemixes" />
<FormattedMessage id="project.viewAllInList" />
</a>
</div>
</div>

13
src/views/preview/studio-list.jsx
View file

@ -10,8 +10,16 @@ const StudioList = props => {
if (studios.length === 0) return null;
return (
<FlexRow className="studio-list">
<div className="list-title">
<FormattedMessage id="general.studios" />
<div className="list-header">
<div className="list-title">
<FormattedMessage id="general.studios" />
</div>
<div className="list-header-spacer" />
<div className="list-header-link">
<a href={`/projects/${props.projectId}/studios`}>
<FormattedMessage id="project.viewAllInList" />
</a>
</div>
</div>
{studios.length === 0 ? (
// TODO: style remix invitation
@ -32,6 +40,7 @@ const StudioList = props => {
};
StudioList.propTypes = {
projectId: PropTypes.string,
studios: PropTypes.arrayOf(projectShape)
};