change file icon size to 256 (#6490)

frontend/src/components/dirent-detail/file-details.js

@@ -103,7 +103,7 @@ class FileDetails extends React.Component {
     let { dirent, repoID, path } = this.props;
 
     const smallIconUrl = Utils.getFileIconUrl(dirent.name);
-    let bigIconUrl = Utils.getFileIconUrl(dirent.name, 192);
+    let bigIconUrl = Utils.getFileIconUrl(dirent.name);
     const isImg = Utils.imageCheck(dirent.name);
     const isVideo = Utils.videoCheck(dirent.name);
     if (isImg || (enableVideoThumbnail && isVideo)) {

frontend/src/components/file-chooser/searched-list-item.js

@@ -40,7 +40,7 @@ class SearchedListItem extends React.Component {
   render() {
     let { item, currentItem } = this.props;
     let folderIconUrl = item.link_content ? Utils.getFolderIconUrl(false, 192) : Utils.getDefaultLibIconUrl(false);
-    let fileIconUrl = item.is_dir ? folderIconUrl : Utils.getFileIconUrl(item.name, 192);
+    let fileIconUrl = item.is_dir ? folderIconUrl : Utils.getFileIconUrl(item.name);
     let trClass = this.state.highlight ? 'tr-highlight' : '';
     if (currentItem) {
       if (item.repo_id === currentItem.repo_id && item.path === currentItem.path) {

frontend/src/components/file-view/file-view.js

@@ -39,7 +39,7 @@ class FileView extends React.Component {
   }
 
   componentDidMount() {
-    const fileIcon = Utils.getFileIconUrl(fileName, 192);
+    const fileIcon = Utils.getFileIconUrl(fileName);
     document.getElementById('favicon').href = fileIcon;
   }
 

frontend/src/components/search/search-result-item.js

@@ -23,7 +23,7 @@ class SearchResultItem extends React.Component {
   render() {
     let item = this.props.item;
     let folderIconUrl = item.link_content ? Utils.getFolderIconUrl(false, 192) : Utils.getDefaultLibIconUrl(true);
-    let fileIconUrl = item.is_dir ? folderIconUrl : Utils.getFileIconUrl(item.name, 192);
+    let fileIconUrl = item.is_dir ? folderIconUrl : Utils.getFileIconUrl(item.name);
     let showName = item.repo_name + '/' + item.link_content;
     showName = showName.endsWith('/') ? showName.slice(0, showName.length - 1) : showName;
 

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

@@ -56,8 +56,7 @@ class SharedFileView extends React.Component {
   };
 
   componentDidMount() {
-
+    const fileIcon = Utils.getFileIconUrl(fileName);
-    const fileIcon = Utils.getFileIconUrl(fileName, 192);
     document.getElementById('favicon').href = fileIcon;
 
     if (trafficOverLimit) {

frontend/src/pages/markdown-editor/index.js

@@ -204,8 +204,7 @@ class MarkdownEditor extends React.Component {
   };
 
   async componentDidMount() {
-
+    const fileIcon = Utils.getFileIconUrl(fileName);
-    const fileIcon = Utils.getFileIconUrl(fileName, 192);
     document.getElementById('favicon').href = fileIcon;
 
     // get file info

frontend/src/pages/plain-markdown-editor/helper.js

@@ -1,11 +1,6 @@
 import { seafileAPI } from '../../utils/seafile-api';
 import { Utils } from '../../utils/utils';
 
-const initFavicon = (fileName) => {
-  const fileIcon = Utils.getFileIconUrl(fileName, 192);
-  document.getElementById('favicon').href = fileIcon;
-};
-
 const getFileInfo = async (repoID, filePath) => {
   const fileInfoRes = await seafileAPI.getFileInfo(repoID, filePath);
   const { mtime, size, starred, permission, last_modifier_name: lastModifier, id } = fileInfoRes.data;
@@ -38,7 +33,8 @@ const setFileContent = async (downloadUrl) => {
 };
 
 export const getPlainOptions = async ({ fileName, filePath, repoID }) => {
-  initFavicon(fileName);
+  const fileIcon = Utils.getFileIconUrl(fileName);
+  document.getElementById('favicon').href = fileIcon;
   const fileInfo = await getFileInfo(repoID, filePath);
   const downloadUrl = await getFileDownloadUrl(repoID, filePath);
   const markdownContent = await setFileContent(downloadUrl);

frontend/src/pages/sdoc/sdoc-editor/index.js

@@ -31,7 +31,7 @@ export default class SdocEditor extends React.Component {
     if (suffix) {
       docName = docName + suffix;
     }
-    const fileIcon = Utils.getFileIconUrl(docName, 192);
+    const fileIcon = Utils.getFileIconUrl(docName);
     document.getElementById('favicon').href = fileIcon;
   };
 

frontend/src/pages/search/search-results.js

@@ -28,7 +28,7 @@ class ResultsItem extends React.Component {
     let item = this.props.item;
     let linkContent = decodeURI(item.fullpath).substring(1);
     let folderIconUrl = linkContent ? Utils.getFolderIconUrl(false, 192) : Utils.getDefaultLibIconUrl(true);
-    let fileIconUrl = item.is_dir ? folderIconUrl : Utils.getFileIconUrl(item.name, 192);
+    let fileIconUrl = item.is_dir ? folderIconUrl : Utils.getFileIconUrl(item.name);
 
     if (item.thumbnail_url !== '') {
       fileIconUrl = item.thumbnail_url;

frontend/src/shared-dir-view.js

@@ -959,7 +959,7 @@ class GridItem extends React.Component {
           <a href={fileURL} className="grid-file-img-link d-block" onClick={this.handleFileClick}>
             {thumbnailURL ?
               <img className="thumbnail" src={thumbnailURL} alt="" /> :
-              <img src={Utils.getFileIconUrl(item.file_name, 192)} alt="" width="96" height="96" />
+              <img src={Utils.getFileIconUrl(item.file_name)} alt="" width="96" height="96" />
             }
           </a>
           <a href={fileURL} className="grid-file-name grid-file-name-link" onClick={this.handleFileClick}>{item.file_name}</a>

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

@@ -40,7 +40,7 @@ window.seafile = {
 };
 
 (function () {
-  const fileIcon = Utils.getFileIconUrl(docName, 192);
+  const fileIcon = Utils.getFileIconUrl(docName);
   document.getElementById('favicon').href = fileIcon;
 })();
 

frontend/src/utils/utils.js

@@ -392,15 +392,13 @@ export const Utils = {
       }
       return this.getFolderIconUrl(readonly, size, dirent.has_been_shared_out);
     } else {
-      return this.getFileIconUrl(dirent.name, size);
+      return this.getFileIconUrl(dirent.name);
     }
   },
 
-  getAdminTemplateDirentIcon: function (dirent, isBig) {
+  getAdminTemplateDirentIcon: function (dirent) {
-    let size = this.isHiDPI() ? 48 : 24;
-    size = isBig ? 192 : size;
     if (dirent.is_file) {
-      return this.getFileIconUrl(dirent.obj_name, size);
+      return this.getFileIconUrl(dirent.obj_name);
     } else {
       return this.getFolderIconUrl();
     }
@@ -414,22 +412,18 @@ export const Utils = {
     return `${mediaUrl}img/folder${readonly ? '-read-only' : ''}${sharedOut ? '-shared-out' : ''}-${size}.png`;
   },
 
-  getFileIconUrl: function (filename, size) {
+  getFileIconUrl: function (filename) {
-    if (!size) {
-      size = Utils.isHiDPI() ? 48 : 24;
-    }
-    size = size > 24 ? 192 : 24;
     let file_ext = '';
     if (filename.lastIndexOf('.') == -1) {
-      return mediaUrl + 'img/file/' + size + '/' + this.FILEEXT_ICON_MAP['default'];
+      return mediaUrl + 'img/file/256/' + this.FILEEXT_ICON_MAP['default'];
     } else {
       file_ext = filename.substr(filename.lastIndexOf('.') + 1).toLowerCase();
     }
 
     if (this.FILEEXT_ICON_MAP[file_ext]) {
-      return mediaUrl + 'img/file/' + size + '/' + this.FILEEXT_ICON_MAP[file_ext];
+      return mediaUrl + 'img/file/256/' + this.FILEEXT_ICON_MAP[file_ext];
     } else {
-      return mediaUrl + 'img/file/' + size + '/' + this.FILEEXT_ICON_MAP['default'];
+      return mediaUrl + 'img/file/256/' + this.FILEEXT_ICON_MAP['default'];
     }
   },