fix-markdown-view (#6728)

* fix-markdown-view

* fix style

frontend/src/components/cur-dir-path/dir-path.js

@@ -249,7 +249,7 @@ class DirPath extends React.Component {
             <span className="path-split">/</span>
           </Fragment>
         )}
-        {(currentPath === '/' || currentPath === '') ?
+        {(currentPath === '/' || currentPath === '' || Utils.isMarkdownFile(this.props.currentPath)) ?
           <DirOperationToolBar
             path={this.props.currentPath}
             repoID={this.props.repoID}
@@ -269,8 +269,8 @@ class DirPath extends React.Component {
           </DirOperationToolBar> :
           <span className="path-item" data-path="/" onClick={this.onPathClick} role="button">{repoName}</span>
         }
-        {pathElem}
-        {this.props.isViewFile && !this.isViewMetadata() && (
+        {Utils.isMarkdownFile(this.props.currentPath) ? null : pathElem}
+        {this.props.isViewFile && !Utils.isMarkdownFile(this.props.currentPath) && !this.isViewMetadata() && (
           <InternalLinkOperation repoID={this.props.repoID} path={this.props.currentPath}/>
         )}
         {(this.props.isViewFile && fileTags.length !== 0) &&

frontend/src/components/dir-view-mode/dir-column-file.css

@@ -27,7 +27,7 @@
 
 .seafile-markdown-viewer-modal-body {
   padding: 0;
-  height: 600px;
+  height: calc(100vh / 2 + 130px);
   overflow: auto;
 }
 

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

@@ -52,7 +52,7 @@ class DirColumnFile extends React.Component {
 
   render() {
     const { currentDirent } = this.props;
-    const { name } = currentDirent;
+    const { name } = currentDirent || {};
 
     if (this.props.isFileLoadedErr) {
       return (

frontend/src/pages/lib-content-view/lib-content-view.js

@@ -91,7 +91,7 @@ class LibContentView extends React.Component {
       asyncOperationProgress: 0,
       asyncOperatedFilesLength: 0,
       viewId: '0000',
-      currentDirent: null
+      currentDirent: {}
     };
 
     this.oldonpopstate = window.onpopstate;