Add placeholders for project and curator inputs

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

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));

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));