1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-20 02:48:51 +00:00

12.0 optimize user select (#6307)

* 01 remove useless reviewer

* 02 change user select style

* fix code format
This commit is contained in:
Michael An
2024-07-10 11:29:10 +08:00
committed by GitHub
parent a0ad4ee4e7
commit fbda14c855
19 changed files with 107 additions and 56 deletions

View File

@@ -279,7 +279,6 @@ class LibSubFolderSetUserPermissionDialog extends React.Component {
<UserSelect
ref="userSelect"
isMulti={true}
className="reviewer-select"
placeholder={gettext('Search users')}
onSelectChange={this.handleUserSelectChange}
value={this.state.selectedUsers}

View File

@@ -55,7 +55,6 @@ class AddOrgAdminDialog extends React.Component {
<UserSelect
ref="userSelect"
isMulti={false}
className="reviewer-select"
placeholder={gettext('Select a user as admin')}
onSelectChange={this.handleSelectChange}
/>

View File

@@ -55,11 +55,14 @@ class UserItem extends React.Component {
<tr onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} tabIndex="0" onFocus={this.onMouseEnter}>
<td className="name">
<div className="position-relative">
<img src={item.user_info.avatar_url}
width="24" alt={item.user_info.nickname}
<img
src={item.user_info.avatar_url}
width="24"
alt={item.user_info.nickname}
className="rounded-circle mr-2 cursor-pointer"
onMouseEnter={this.userAvatarOnMouseEnter}
onMouseLeave={this.userAvatarOnMouseLeave} />
onMouseLeave={this.userAvatarOnMouseLeave}
/>
<span>{item.user_info.nickname}</span>
{isUserDetailsPopoverOpen && (
<div className="user-details-popover p-4 position-absolute w-100 mt-1">
@@ -353,7 +356,6 @@ class ShareToUser extends React.Component {
<UserSelect
ref="userSelect"
isMulti={true}
className="reviewer-select"
placeholder={gettext('Search users')}
onSelectChange={this.handleSelectChange}
/>

View File

@@ -41,7 +41,6 @@ class SysAdminBatchAddAdminDialog extends React.Component {
<ModalBody>
<UserSelect
isMulti={true}
className="reviewer-select"
placeholder={gettext('Search users')}
onSelectChange={this.handleSelectChange}
/>

View File

@@ -76,7 +76,6 @@ class SysAdminCreateGroupDialog extends React.Component {
</Label>
<UserSelect
isMulti={false}
className="reviewer-select"
placeholder={gettext('Select a user')}
onSelectChange={this.handleSelectChange}
/>

View File

@@ -77,7 +77,6 @@ class SysAdminCreateRepoDialog extends React.Component {
<UserSelect
id="userSelect"
isMulti={false}
className="reviewer-select"
placeholder={gettext('Select a user')}
onSelectChange={this.handleSelectChange}
/>

View File

@@ -41,7 +41,6 @@ class SysAdminGroupAddMemberDialog extends React.Component {
<UserSelect
ref="userSelect"
isMulti={true}
className="reviewer-select"
placeholder={gettext('Search users')}
onSelectChange={this.handleSelectChange}
/>

View File

@@ -47,7 +47,6 @@ class SysAdminTransferGroupDialog extends React.Component {
<UserSelect
ref="userSelect"
isMulti={false}
className="reviewer-select"
placeholder={gettext('Select a user')}
onSelectChange={this.handleSelectChange}
/>

View File

@@ -42,7 +42,6 @@ class SysAdminRepoTransferDialog extends React.Component {
<UserSelect
ref="userSelect"
isMulti={false}
className="reviewer-select"
placeholder={gettext('Search users')}
onSelectChange={this.handleSelectChange}
/>

View File

@@ -236,7 +236,6 @@ class SysAdminShareToUser extends React.Component {
<UserSelect
ref="userSelect"
isMulti={true}
className="reviewer-select"
placeholder={gettext('Search users')}
onSelectChange={this.handleSelectChange}
/>

View File

@@ -51,7 +51,6 @@ class TransferDialog extends React.Component {
submit = () => {
let user = this.state.selectedOption;
this.props.submit(user);
};
componentDidMount() {
@@ -83,7 +82,7 @@ class TransferDialog extends React.Component {
toaster.danger(errMessage);
});
}
else{
else {
seafileAPI.listDepartments().then((res) => {
for (let i = 0; i < res.data.length; i++) {
let obj = {};
@@ -102,7 +101,6 @@ class TransferDialog extends React.Component {
onClick = () => {
this.setState({
transferToUser: !this.state.transferToUser,
});
};
@@ -142,7 +140,6 @@ class TransferDialog extends React.Component {
<UserSelect
ref="userSelect"
isMulti={false}
className="reviewer-select"
placeholder={gettext('Select a user')}
onSelectChange={this.handleSelectChange}
/>

View File

@@ -58,7 +58,6 @@ class TransferGroupDialog extends React.Component {
<UserSelect
ref="userSelect"
isMulti={false}
className="reviewer-select"
placeholder={gettext('Please enter 1 or more character')}
onSelectChange={this.handleSelectChange}
/>