haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-08 18:30:53 +00:00
Code Issues Releases Wiki Activity

change file icons (#7100)

Browse Source 
* change file icons

* detail panel use big icon
This commit is contained in:
Michael An
2024-11-25 20:19:44 +08:00
committed by GitHub
parent 4093c27ed7
commit d407c9fd63
24 changed files with 5 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/dirent-detail/detail/header/index.js
View File

@@ -15,7 +15,7 @@ const Header = ({ title, icon, iconSize = 32, onClose, component = {} }) => {
<span className="name ellipsis" title={title}>{title}</span>
</div>
<div className="detail-control" onClick={onClose}>
{closeIcon ? closeIcon : (<Icon symbol="close" className="detail-control-close" />)}
{closeIcon ? closeIcon : <Icon symbol="close" className="detail-control-close" />}
</div>
</div>
);

5
frontend/src/components/dirent-detail/dirent-details/index.js
View File

@@ -96,12 +96,9 @@ class DirentDetails extends React.Component {
render() {
const { dirent, direntDetail } = this.state;
const { repoID, path, fileTags } = this.props;
const direntName = dirent?.name || '';
const smallIconUrl = Utils.getDirentIcon(dirent);
return (
<Detail>
<Header title={direntName} icon={smallIconUrl} onClose={this.props.onClose} />
<Header title={dirent?.name || ''} icon={Utils.getDirentIcon(dirent, true)} onClose={this.props.onClose} />
<Body>
{this.renderImage()}
{dirent && direntDetail && (

5
frontend/src/components/dirent-detail/embedded-file-details/index.js
View File

@@ -35,9 +35,6 @@ const EmbeddedFileDetails = ({ repoID, repoInfo, dirent, path, onClose, width =
// eslint-disable-next-line react-hooks/exhaustive-deps
}, []);
const direntName = dirent?.name || '';
const smallIconUrl = Utils.getDirentIcon(dirent);
return (
<div
className={classnames('cur-view-detail', className, {
@@ -46,7 +43,7 @@ const EmbeddedFileDetails = ({ repoID, repoInfo, dirent, path, onClose, width =
})}
style={{ width }}
>
<Header title={direntName} icon={smallIconUrl} onClose={onClose} component={headerComponent} />
<Header title={dirent?.name || ''} icon={Utils.getDirentIcon(dirent, true)} onClose={onClose} component={headerComponent} />
<Body>
{dirent && direntDetail && (
<div className="detail-content">

4
frontend/src/components/dirent-detail/lib-details.js
View File

@@ -14,7 +14,7 @@ import { CellType } from '../../metadata/constants';
const LibDetail = React.memo(({ currentRepoInfo, onClose }) => {
const [isLoading, setLoading] = useState(true);
const [repo, setRepo] = useState({});
const smallIconUrl = useMemo(() => Utils.getLibIconUrl(currentRepoInfo), [currentRepoInfo]);
const libIconUrl = useMemo(() => Utils.getLibIconUrl(currentRepoInfo, true), [currentRepoInfo]);
const filesField = useMemo(() => ({ type: CellType.NUMBER, name: gettext('Files') }), []);
const sizeField = useMemo(() => ({ type: 'size', name: gettext('Size') }), []);
const creatorField = useMemo(() => ({ type: CellType.CREATOR, name: gettext('Creator') }), []);
@@ -34,7 +34,7 @@ const LibDetail = React.memo(({ currentRepoInfo, onClose }) => {
return (
<Detail>
<Header title={currentRepoInfo.repo_name} icon={smallIconUrl} onClose={onClose} />
<Header title={currentRepoInfo.repo_name} icon={libIconUrl} onClose={onClose} />
<Body>
{isLoading ?
<div className="w-100 h-100 d-flex algin-items-center justify-content-center"><Loading /></div>