From 4f6a58327747ccb10a437987b8c36218df41f423 Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Thu, 13 May 2021 09:04:39 -0400
Subject: [PATCH] Add placeholders for project and curator inputs

---
 src/views/studio/l10n.json                  |  2 ++
 src/views/studio/studio-curator-inviter.jsx | 11 ++++++-----
 src/views/studio/studio-project-adder.jsx   | 11 ++++++-----
 3 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/src/views/studio/l10n.json b/src/views/studio/l10n.json
index c35e84f35..e858b3646 100644
--- a/src/views/studio/l10n.json
+++ b/src/views/studio/l10n.json
@@ -11,6 +11,7 @@
     "studio.projectsHeader": "Projects",
     "studio.addProjectsHeader": "Add Projects",
     "studio.addProject": "Add",
+    "studio.addProjectPlaceholder": "Project URL",
 
     "studio.projectsEmptyCanAdd1": "Your studio is looking a little empty.",
     "studio.projectsEmptyCanAdd2": "Add your first project!",
@@ -28,6 +29,7 @@
     "studio.curatorsHeader": "Curators",
     "studio.inviteCuratorsHeader": "Invite Curators",
     "studio.inviteCurator": "Invite",
+    "studio.inviteCuratorPlaceholder": "Scratch Username",
     "studio.curatorAcceptInvite": "Accept Invite",
     "studio.curatorsEmptyCanAdd1": "You don’t have curators right now.",
     "studio.curatorsEmptyCanAdd2": "Add some curators to collaborate with!",
diff --git a/src/views/studio/studio-curator-inviter.jsx b/src/views/studio/studio-curator-inviter.jsx
index 7e3e1df22..e6e778a5c 100644
--- a/src/views/studio/studio-curator-inviter.jsx
+++ b/src/views/studio/studio-curator-inviter.jsx
@@ -3,12 +3,12 @@ import React, {useState} from 'react';
 import PropTypes from 'prop-types';
 import {connect} from 'react-redux';
 import classNames from 'classnames';
-import {FormattedMessage} from 'react-intl';
+import {FormattedMessage, intlShape, injectIntl} from 'react-intl';
 
 import {inviteCurator} from './lib/studio-member-actions';
 import FlexRow from '../../components/flex-row/flex-row.jsx';
 
-const StudioCuratorInviter = ({onSubmit}) => {
+const StudioCuratorInviter = ({intl, onSubmit}) => {
     const [value, setValue] = useState('');
     const [submitting, setSubmitting] = useState(false);
     const [error, setError] = useState(null);
@@ -27,7 +27,7 @@ const StudioCuratorInviter = ({onSubmit}) => {
                 <input
                     disabled={submitting}
                     type="text"
-                    placeholder="<username>"
+                    placeholder={intl.formatMessage({id: 'studio.inviteCuratorPlaceholder'})}
                     value={value}
                     onKeyDown={e => e.key === 'Enter' && submit()}
                     onChange={e => setValue(e.target.value)}
@@ -46,7 +46,8 @@ const StudioCuratorInviter = ({onSubmit}) => {
 };
 
 StudioCuratorInviter.propTypes = {
-    onSubmit: PropTypes.func
+    onSubmit: PropTypes.func,
+    intl: intlShape
 };
 
 const mapStateToProps = () => ({});
@@ -55,4 +56,4 @@ const mapDispatchToProps = ({
     onSubmit: inviteCurator
 });
 
-export default connect(mapStateToProps, mapDispatchToProps)(StudioCuratorInviter);
+export default connect(mapStateToProps, mapDispatchToProps)(injectIntl(StudioCuratorInviter));
diff --git a/src/views/studio/studio-project-adder.jsx b/src/views/studio/studio-project-adder.jsx
index 382630c19..0196e1220 100644
--- a/src/views/studio/studio-project-adder.jsx
+++ b/src/views/studio/studio-project-adder.jsx
@@ -3,13 +3,13 @@ import React, {useState} from 'react';
 import PropTypes from 'prop-types';
 import {connect} from 'react-redux';
 import classNames from 'classnames';
-import {FormattedMessage} from 'react-intl';
+import {FormattedMessage, intlShape, injectIntl} from 'react-intl';
 
 import {addProject} from './lib/studio-project-actions';
 import UserProjectsModal from './modals/user-projects-modal.jsx';
 import FlexRow from '../../components/flex-row/flex-row.jsx';
 
-const StudioProjectAdder = ({onSubmit}) => {
+const StudioProjectAdder = ({intl, onSubmit}) => {
     const [value, setValue] = useState('');
     const [submitting, setSubmitting] = useState(false);
     const [error, setError] = useState(null);
@@ -29,7 +29,7 @@ const StudioProjectAdder = ({onSubmit}) => {
                 <input
                     disabled={submitting}
                     type="text"
-                    placeholder="<project id>"
+                    placeholder={intl.formatMessage({id: 'studio.addProjectPlaceholder'})}
                     value={value}
                     onKeyDown={e => e.key === 'Enter' && submit()}
                     onChange={e => setValue(e.target.value)}
@@ -56,7 +56,8 @@ const StudioProjectAdder = ({onSubmit}) => {
 };
 
 StudioProjectAdder.propTypes = {
-    onSubmit: PropTypes.func
+    onSubmit: PropTypes.func,
+    intl: intlShape
 };
 
 const mapStateToProps = () => ({});
@@ -65,4 +66,4 @@ const mapDispatchToProps = ({
     onSubmit: addProject
 });
 
-export default connect(mapStateToProps, mapDispatchToProps)(StudioProjectAdder);
+export default connect(mapStateToProps, mapDispatchToProps)(injectIntl(StudioProjectAdder));