haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-08-22 16:56:57 +00:00
Code Issues Releases Wiki Activity

style: format code

Browse Source
This commit is contained in:
liuhongbo 2024-07-04 19:00:40 +08:00
parent 2b60bf50ec
commit 4dedd8f436
2 changed files with 22 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
frontend/src/pages/wiki2/custom-icon.js Normal file
View File

@ -0,0 +1,14 @@
import React from 'react';
import ProtoTypes from 'prop-types';
const CustomIcon = ({ icon }) => {
return (
<span className='nav-item-icon nav-item-icon-disable'>{icon}</span>
);
};
CustomIcon.propTypes = {
icon: ProtoTypes.string.isRequired,
};
export default CustomIcon;

17
frontend/src/pages/wiki2/wiki-nav/pages/page-item.js
View File

@ -9,6 +9,7 @@ import { gettext } from '../../../../utils/constants';
import AddNewPageDialog from '../add-new-page-dialog'; import AddNewPageDialog from '../add-new-page-dialog';
import Icon from '../../../../components/icon'; import Icon from '../../../../components/icon';
import DraggedPageItem from './dragged-page-item'; import DraggedPageItem from './dragged-page-item';
import CustomIcon from '../../custom-icon';
class PageItem extends Component { class PageItem extends Component {
@ -174,10 +175,11 @@ class PageItem extends Component {
let pageCanDropTop = isOverPage && isDragging; let pageCanDropTop = isOverPage && isDragging;
let pageCanDrop = isOverPage && !isDragging; let pageCanDrop = isOverPage && !isDragging;
let navItemId = `page-editor-${page.id}`; let navItemId = `page-editor-${page.id}`;
let fn = isEditMode ? connectDragSource : (argu) => {argu;}; let fn = isEditMode ? connectDragSource : (argu) => { argu; };
let childNumber = Array.isArray(page.children) ? page.children.length : 0; let childNumber = Array.isArray(page.children) ? page.children.length : 0;
const customIcon = page.icon;
const folded = this.props.getFoldState(page.id); const folded = this.props.getFoldState(page.id);
return ( return (
<div> <div>
{ {
@ -196,14 +198,11 @@ class PageItem extends Component {
onMouseLeave={this.onMouseLeave} onMouseLeave={this.onMouseLeave}
id={navItemId} id={navItemId}
> >
<div className="wiki-page-item-main" onClick={isShowNameEditor ? () => {} : (e) => this.props.setCurrentPage(page.id)}> <div className="wiki-page-item-main" onClick={isShowNameEditor ? () => { } : (e) => this.props.setCurrentPage(page.id)}>
<div className='wiki-page-content' style={pathStr ? { marginLeft: `${(pathStr.split('-').length - 1) * 24}px` } : {}}> <div className='wiki-page-content' style={pathStr ? { marginLeft: `${(pathStr.split('-').length - 1) * 24}px` } : {}}>
{childNumber === 0 && {childNumber === 0 && (customIcon ? <CustomIcon icon={customIcon} /> : <NavItemIcon symbol={'file'} disable={true} />)
<NavItemIcon symbol={'file'} disable={true} />
}
{(!this.state.isMouseEnter && childNumber > 0) &&
<NavItemIcon symbol={'files'} disable={true} />
} }
{(!this.state.isMouseEnter && childNumber > 0) && (customIcon ? <CustomIcon icon={customIcon} /> : <NavItemIcon symbol={'files'} disable={true} />)}
{(this.state.isMouseEnter && childNumber > 0) && {(this.state.isMouseEnter && childNumber > 0) &&
<div className='nav-item-icon' onClick={this.toggleExpand}> <div className='nav-item-icon' onClick={this.toggleExpand}>
<i className={`sf3-font-down sf3-font ${folded ? 'rotate-270' : ''}`}></i> <i className={`sf3-font-down sf3-font ${folded ? 'rotate-270' : ''}`}></i>
@ -224,7 +223,7 @@ class PageItem extends Component {
{isEditMode && {isEditMode &&
<> <>
<div className="more-wiki-page-operation" onClick={this.toggleDropdown}> <div className="more-wiki-page-operation" onClick={this.toggleDropdown}>
<Icon symbol={'more-level'}/> <Icon symbol={'more-level'} />
{this.state.isShowOperationDropdown && {this.state.isShowOperationDropdown &&
<PageDropdownMenu <PageDropdownMenu
page={page} page={page}