|
@@ -243,10 +243,10 @@ class Editor extends AbstractEditor {
|
|
|
return (
|
|
return (
|
|
|
<div className="m-0 navbar navbar-default navbar-editor" style={{ minHeight: 'unset' }}>
|
|
<div className="m-0 navbar navbar-default navbar-editor" style={{ minHeight: 'unset' }}>
|
|
|
<ul className="pl-2 nav nav-navbar">
|
|
<ul className="pl-2 nav nav-navbar">
|
|
|
- {this.getNavbarItems() != null && this.getNavbarItems().map((item, idx) => {
|
|
|
|
|
|
|
+ { this.getNavbarItems() != null && this.getNavbarItems().map((item, idx) => {
|
|
|
// eslint-disable-next-line react/no-array-index-key
|
|
// eslint-disable-next-line react/no-array-index-key
|
|
|
return <li key={`navbarItem-${idx}`}>{item}</li>;
|
|
return <li key={`navbarItem-${idx}`}>{item}</li>;
|
|
|
- })}
|
|
|
|
|
|
|
+ }) }
|
|
|
</ul>
|
|
</ul>
|
|
|
</div>
|
|
</div>
|
|
|
);
|
|
);
|
|
@@ -306,14 +306,14 @@ class Editor extends AbstractEditor {
|
|
|
}) => {
|
|
}) => {
|
|
|
return (
|
|
return (
|
|
|
<div className={this.getDropzoneClassName(isDragAccept, isDragReject)} {...getRootProps()}>
|
|
<div className={this.getDropzoneClassName(isDragAccept, isDragReject)} {...getRootProps()}>
|
|
|
- {this.state.dropzoneActive && this.renderDropzoneOverlay()}
|
|
|
|
|
|
|
+ { this.state.dropzoneActive && this.renderDropzoneOverlay() }
|
|
|
|
|
|
|
|
- {this.state.isComponentDidMount && this.renderNavbar()}
|
|
|
|
|
|
|
+ { this.state.isComponentDidMount && this.renderNavbar() }
|
|
|
|
|
|
|
|
{/* for PC */}
|
|
{/* for PC */}
|
|
|
- {!isMobile && (
|
|
|
|
|
|
|
+ { !isMobile && (
|
|
|
<Subscribe to={[EditorContainer]}>
|
|
<Subscribe to={[EditorContainer]}>
|
|
|
- {editorContainer => (
|
|
|
|
|
|
|
+ { editorContainer => (
|
|
|
// eslint-disable-next-line arrow-body-style
|
|
// eslint-disable-next-line arrow-body-style
|
|
|
<CodeMirrorEditor
|
|
<CodeMirrorEditor
|
|
|
ref={(c) => { this.cmEditor = c }}
|
|
ref={(c) => { this.cmEditor = c }}
|
|
@@ -333,7 +333,7 @@ class Editor extends AbstractEditor {
|
|
|
)}
|
|
)}
|
|
|
|
|
|
|
|
{/* for mobile */}
|
|
{/* for mobile */}
|
|
|
- {isMobile && (
|
|
|
|
|
|
|
+ { isMobile && (
|
|
|
<TextAreaEditor
|
|
<TextAreaEditor
|
|
|
ref={(c) => { this.taEditor = c }}
|
|
ref={(c) => { this.taEditor = c }}
|
|
|
onPasteFiles={this.pasteFilesHandler}
|
|
onPasteFiles={this.pasteFilesHandler}
|
|
@@ -348,7 +348,7 @@ class Editor extends AbstractEditor {
|
|
|
}}
|
|
}}
|
|
|
</Dropzone>
|
|
</Dropzone>
|
|
|
|
|
|
|
|
- {this.props.isUploadable
|
|
|
|
|
|
|
+ { this.props.isUploadable
|
|
|
&& (
|
|
&& (
|
|
|
<button
|
|
<button
|
|
|
type="button"
|
|
type="button"
|
|
@@ -358,7 +358,7 @@ class Editor extends AbstractEditor {
|
|
|
<i className="icon-paper-clip" aria-hidden="true"></i>
|
|
<i className="icon-paper-clip" aria-hidden="true"></i>
|
|
|
Attach files
|
|
Attach files
|
|
|
<span className="d-none d-sm-inline">
|
|
<span className="d-none d-sm-inline">
|
|
|
- by dragging & dropping,
|
|
|
|
|
|
|
+ by dragging & dropping,
|
|
|
<span className="btn-link">selecting them</span>,
|
|
<span className="btn-link">selecting them</span>,
|
|
|
or pasting from the clipboard.
|
|
or pasting from the clipboard.
|
|
|
</span>
|
|
</span>
|
|
@@ -367,7 +367,7 @@ class Editor extends AbstractEditor {
|
|
|
)
|
|
)
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- {this.renderCheatsheetModal()}
|
|
|
|
|
|
|
+ { this.renderCheatsheetModal() }
|
|
|
|
|
|
|
|
</div>
|
|
</div>
|
|
|
</>
|
|
</>
|