added View all link at top of studios list

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

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",

View file

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

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>

View file

@ -10,9 +10,17 @@ const StudioList = props => {
if (studios.length === 0) return null;
return (
<FlexRow className="studio-list">
<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
<FormattedMessage id="addToStudio.inviteUser" />
@ -32,6 +40,7 @@ const StudioList = props => {
};
StudioList.propTypes = {
projectId: PropTypes.string,
studios: PropTypes.arrayOf(projectShape)
};