[shared file view] rewrote with react (#3191)

* rewrote 'file view' with react for audio, document, spreadsheet, svg,
unknown files
* code improvement for 'video' file
* bugfix

frontend/src/shared-file-view-svg.js

@@ -0,0 +1,35 @@
+import React from 'react';
+import ReactDOM from 'react-dom';
+import SharedFileView from './components/shared-file-view/shared-file-view';
+import SharedFileViewTip from './components/shared-file-view/shared-file-view-tip';
+
+import './css/svg-file-view.css';
+
+const { fileName, rawPath, err } = window.shared.pageOptions;
+
+class SharedFileViewSVG extends React.Component {
+  render() {
+    return <SharedFileView content={<FileContent />} />;
+  }
+}
+
+class FileContent extends React.Component {
+  render() {
+    if (err) {
+      return <SharedFileViewTip />;
+    }
+
+    return (
+      <div className="shared-file-view-body d-flex">
+        <div className="svg-file-view flex-1">
+          <img src={rawPath} alt={fileName} id="svg-view" />
+        </div>
+      </div>
+    );
+  }
+}
+
+ReactDOM.render(
+  <SharedFileViewSVG />,
+  document.getElementById('wrapper')
+);