scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-12-17 19:12:40 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

Add placeholders for project and curator inputs

Browse source
This commit is contained in:
Paul Kaplan 2021-05-13 09:04:39 -04:00
parent 3a59ea072c
commit 4f6a583277
3 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -11,6 +11,7 @@
"studio.projectsHeader": "Projects", "studio.projectsHeader": "Projects",
"studio.addProjectsHeader": "Add Projects", "studio.addProjectsHeader": "Add Projects",
"studio.addProject": "Add", "studio.addProject": "Add",
"studio.addProjectPlaceholder": "Project URL",
"studio.projectsEmptyCanAdd1": "Your studio is looking a little empty.", "studio.projectsEmptyCanAdd1": "Your studio is looking a little empty.",
"studio.projectsEmptyCanAdd2": "Add your first project!", "studio.projectsEmptyCanAdd2": "Add your first project!",
@ -28,6 +29,7 @@
"studio.curatorsHeader": "Curators", "studio.curatorsHeader": "Curators",
"studio.inviteCuratorsHeader": "Invite Curators", "studio.inviteCuratorsHeader": "Invite Curators",
"studio.inviteCurator": "Invite", "studio.inviteCurator": "Invite",
"studio.inviteCuratorPlaceholder": "Scratch Username",
"studio.curatorAcceptInvite": "Accept Invite", "studio.curatorAcceptInvite": "Accept Invite",
"studio.curatorsEmptyCanAdd1": "You don’t have curators right now.", "studio.curatorsEmptyCanAdd1": "You don’t have curators right now.",
"studio.curatorsEmptyCanAdd2": "Add some curators to collaborate with!", "studio.curatorsEmptyCanAdd2": "Add some curators to collaborate with!",

11
src/views/studio/studio-curator-inviter.jsx
View file

@ -3,12 +3,12 @@ import React, {useState} from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import {connect} from 'react-redux'; import {connect} from 'react-redux';
import classNames from 'classnames'; import classNames from 'classnames';
import {FormattedMessage} from 'react-intl'; import {FormattedMessage, intlShape, injectIntl} from 'react-intl';
import {inviteCurator} from './lib/studio-member-actions'; import {inviteCurator} from './lib/studio-member-actions';
import FlexRow from '../../components/flex-row/flex-row.jsx'; import FlexRow from '../../components/flex-row/flex-row.jsx';
const StudioCuratorInviter = ({onSubmit}) => { const StudioCuratorInviter = ({intl, onSubmit}) => {
const [value, setValue] = useState(''); const [value, setValue] = useState('');
const [submitting, setSubmitting] = useState(false); const [submitting, setSubmitting] = useState(false);
const [error, setError] = useState(null); const [error, setError] = useState(null);
@ -27,7 +27,7 @@ const StudioCuratorInviter = ({onSubmit}) => {
<input <input
disabled={submitting} disabled={submitting}
type="text" type="text"
placeholder="<username>" placeholder={intl.formatMessage({id: 'studio.inviteCuratorPlaceholder'})}
value={value} value={value}
onKeyDown={e => e.key === 'Enter' && submit()} onKeyDown={e => e.key === 'Enter' && submit()}
onChange={e => setValue(e.target.value)} onChange={e => setValue(e.target.value)}
@ -46,7 +46,8 @@ const StudioCuratorInviter = ({onSubmit}) => {
}; };
StudioCuratorInviter.propTypes = { StudioCuratorInviter.propTypes = {
onSubmit: PropTypes.func onSubmit: PropTypes.func,
intl: intlShape
}; };
const mapStateToProps = () => ({}); const mapStateToProps = () => ({});
@ -55,4 +56,4 @@ const mapDispatchToProps = ({
onSubmit: inviteCurator onSubmit: inviteCurator
}); });
export default connect(mapStateToProps, mapDispatchToProps)(StudioCuratorInviter); export default connect(mapStateToProps, mapDispatchToProps)(injectIntl(StudioCuratorInviter));

11
src/views/studio/studio-project-adder.jsx
View file

@ -3,13 +3,13 @@ import React, {useState} from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import {connect} from 'react-redux'; import {connect} from 'react-redux';
import classNames from 'classnames'; import classNames from 'classnames';
import {FormattedMessage} from 'react-intl'; import {FormattedMessage, intlShape, injectIntl} from 'react-intl';
import {addProject} from './lib/studio-project-actions'; import {addProject} from './lib/studio-project-actions';
import UserProjectsModal from './modals/user-projects-modal.jsx'; import UserProjectsModal from './modals/user-projects-modal.jsx';
import FlexRow from '../../components/flex-row/flex-row.jsx'; import FlexRow from '../../components/flex-row/flex-row.jsx';
const StudioProjectAdder = ({onSubmit}) => { const StudioProjectAdder = ({intl, onSubmit}) => {
const [value, setValue] = useState(''); const [value, setValue] = useState('');
const [submitting, setSubmitting] = useState(false); const [submitting, setSubmitting] = useState(false);
const [error, setError] = useState(null); const [error, setError] = useState(null);
@ -29,7 +29,7 @@ const StudioProjectAdder = ({onSubmit}) => {
<input <input
disabled={submitting} disabled={submitting}
type="text" type="text"
placeholder="<project id>" placeholder={intl.formatMessage({id: 'studio.addProjectPlaceholder'})}
value={value} value={value}
onKeyDown={e => e.key === 'Enter' && submit()} onKeyDown={e => e.key === 'Enter' && submit()}
onChange={e => setValue(e.target.value)} onChange={e => setValue(e.target.value)}
@ -56,7 +56,8 @@ const StudioProjectAdder = ({onSubmit}) => {
}; };
StudioProjectAdder.propTypes = { StudioProjectAdder.propTypes = {
onSubmit: PropTypes.func onSubmit: PropTypes.func,
intl: intlShape
}; };
const mapStateToProps = () => ({}); const mapStateToProps = () => ({});
@ -65,4 +66,4 @@ const mapDispatchToProps = ({
onSubmit: addProject onSubmit: addProject
}); });
export default connect(mapStateToProps, mapDispatchToProps)(StudioProjectAdder); export default connect(mapStateToProps, mapDispatchToProps)(injectIntl(StudioProjectAdder));