Sdoc draft (#5556)

* [dir view] redesigned the sdoc draft identifier

* [dir view] added option 'Mark as draft' to 'New File' dialog; added big button '+ SeaDoc' for empty library

* [sdoc draft] fixed API typos

* [sdoc file view] displayed draft identifier & added 'unmark as draft' for drafts

* [media/sdoc-editor] updated i18n/l10n strings for sdoc-editor

* [dir view] 'New' dropdown menu: added '(beta)' for 'New SeaDoc File'

frontend/src/components/dir-view-mode/dir-column-nav.js

@@ -143,11 +143,6 @@ class DirColumnNav extends React.Component {
     this.props.onAddFolderNode(dirPath);
   }
 
-  onAddFileNode = (filePath, isDraft) => {
-    this.setState({isAddFileDialogShow: !this.state.isAddFileDialogShow});
-    this.props.onAddFileNode(filePath, isDraft);
-  }
-
   onRenameNode = (newName) => {
     this.setState({isRenameDialogShow: !this.state.isRenameDialogShow});
     let node = this.state.opNode;
@@ -287,9 +282,9 @@ class DirColumnNav extends React.Component {
           <ModalPortal>
             <CreateFile
               parentPath={this.state.opNode.path}
-              onAddFile={this.onAddFileNode}
+              onAddFile={this.props.onAddFileNode}
               checkDuplicatedName={this.checkDuplicatedName}
-              addFileCancel={this.onAddFileToggle}
+              toggleDialog={this.onAddFileToggle}
             />
           </ModalPortal>
         )}