From 7f2fbd4a3b1c3b2f917f16c5a64bb27dbd5747f7 Mon Sep 17 00:00:00 2001
From: Ben Wheeler <wheeler.benjamin@gmail.com>
Date: Fri, 4 Jan 2019 10:30:43 -0500
Subject: [PATCH] added View all link at top of studios list

---
 src/views/preview/l10n.json        |  2 +-
 src/views/preview/presentation.jsx |  5 ++++-
 src/views/preview/remix-list.jsx   |  2 +-
 src/views/preview/studio-list.jsx  | 13 +++++++++++--
 4 files changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/views/preview/l10n.json b/src/views/preview/l10n.json
index dbe671644..f335bc1d4 100644
--- a/src/views/preview/l10n.json
+++ b/src/views/preview/l10n.json
@@ -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",
diff --git a/src/views/preview/presentation.jsx b/src/views/preview/presentation.jsx
index 33f652e6c..e3509abec 100644
--- a/src/views/preview/presentation.jsx
+++ b/src/views/preview/presentation.jsx
@@ -577,7 +577,10 @@ const PreviewPresentation = ({
                                         projectId={projectId}
                                         remixes={remixes}
                                     />
-                                    <StudioList studios={projectStudios} />
+                                    <StudioList
+                                        projectId={projectId}
+                                        studios={projectStudios}
+                                    />
                                 </FlexRow>
                             </FlexRow>
                         </div>
diff --git a/src/views/preview/remix-list.jsx b/src/views/preview/remix-list.jsx
index fc6b8a923..9efa723f4 100644
--- a/src/views/preview/remix-list.jsx
+++ b/src/views/preview/remix-list.jsx
@@ -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>
diff --git a/src/views/preview/studio-list.jsx b/src/views/preview/studio-list.jsx
index 2b75e4e4d..d44244397 100644
--- a/src/views/preview/studio-list.jsx
+++ b/src/views/preview/studio-list.jsx
@@ -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)
 };