fix(locale): remove hard coded strings (#3193)

This commit is contained in:
tiuweehan
2020-02-04 20:49:47 +08:00
committed by GitHub
parent 18e284ece8
commit fc91bf8781
15 changed files with 108 additions and 39 deletions

View File

@ -101,7 +101,7 @@ export default class RawEditor extends React.Component {
};
render() {
const { className, field } = this.props;
const { className, field, t } = this.props;
return (
<RawEditorContainer>
<EditorControlBar>
@ -110,6 +110,7 @@ export default class RawEditor extends React.Component {
buttons={field.get('buttons')}
disabled
rawMode
t={t}
/>
</EditorControlBar>
<ClassNames>
@ -127,6 +128,7 @@ export default class RawEditor extends React.Component {
onCut={this.handleCut}
onCopy={this.handleCopy}
ref={this.processRef}
t={t}
/>
)}
</ClassNames>
@ -141,4 +143,5 @@ RawEditor.propTypes = {
className: PropTypes.string.isRequired,
value: PropTypes.string,
field: ImmutablePropTypes.map.isRequired,
t: PropTypes.func.isRequired,
};

View File

@ -83,6 +83,7 @@ export default class Toolbar extends React.Component {
hasMark: PropTypes.func,
hasInline: PropTypes.func,
hasBlock: PropTypes.func,
t: PropTypes.func.isRequired,
};
isHidden = button => {
@ -113,6 +114,7 @@ export default class Toolbar extends React.Component {
hasMark = () => {},
hasInline = () => {},
hasBlock = () => {},
t,
} = this.props;
return (
@ -246,10 +248,12 @@ export default class Toolbar extends React.Component {
</div>
<ToolbarToggle>
<ToolbarToggleLabel isActive={!rawMode} offPosition>
Rich Text
{t('editor.editorWidgets.markdown.richText')}
</ToolbarToggleLabel>
<StyledToggle active={rawMode} onChange={onToggleMode} />
<ToolbarToggleLabel isActive={rawMode}>Markdown</ToolbarToggleLabel>
<ToolbarToggleLabel isActive={rawMode}>
{t('editor.editorWidgets.markdown.markdown')}
</ToolbarToggleLabel>
</ToolbarToggle>
</ToolbarContainer>
);

View File

@ -82,6 +82,7 @@ export default class Editor extends React.Component {
value: PropTypes.string,
field: ImmutablePropTypes.map.isRequired,
getEditorComponents: PropTypes.func.isRequired,
t: PropTypes.func.isRequired,
};
shouldComponentUpdate(nextProps, nextState) {
@ -142,7 +143,7 @@ export default class Editor extends React.Component {
};
render() {
const { onAddAsset, getAsset, className, field } = this.props;
const { onAddAsset, getAsset, className, field, t } = this.props;
return (
<div
css={coreCss`
@ -163,6 +164,7 @@ export default class Editor extends React.Component {
hasMark={this.hasMark}
hasInline={this.hasInline}
hasBlock={this.hasBlock}
t={t}
/>
</EditorControlBar>
<ClassNames>

View File

@ -24,6 +24,7 @@ export default class MarkdownControl extends React.Component {
value: PropTypes.string,
field: ImmutablePropTypes.map.isRequired,
getEditorComponents: PropTypes.func,
t: PropTypes.func.isRequired,
};
static defaultProps = {
@ -61,6 +62,7 @@ export default class MarkdownControl extends React.Component {
field,
getEditorComponents,
resolveWidget,
t,
} = this.props;
const { mode, pendingFocus } = this.state;
@ -77,6 +79,7 @@ export default class MarkdownControl extends React.Component {
getEditorComponents={getEditorComponents}
resolveWidget={resolveWidget}
pendingFocus={pendingFocus && this.setFocusReceived}
t={t}
/>
</div>
);
@ -91,6 +94,7 @@ export default class MarkdownControl extends React.Component {
value={value}
field={field}
pendingFocus={pendingFocus && this.setFocusReceived}
t={t}
/>
</div>
);