YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-06-05 22:09:59 +02:00
Code Issues Packages Projects Releases Wiki Activity

chore: use dropdown in member section

Browse Source
This commit is contained in:
boojack
2022-08-07 01:35:20 +08:00
parent 84564891be
commit fd44255668
2 changed files with 20 additions and 34 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
web/src/components/Settings/MemberSection.tsx
View File

@ -4,6 +4,7 @@ import { userService } from "../../services";
import { useAppSelector } from "../../store";
import * as api from "../../helpers/api";
import toastHelper from "../Toast";
import Dropdown from "../common/Dropdown";
import { showCommonDialog } from "../Dialog/CommonDialog";
import "../../less/settings/member-section.less";
@ -136,20 +137,19 @@ const PreferencesSection: React.FC<Props> = () => {
<div className="buttons-container">
{currentUser?.id === user.id ? (
<span className="tip-text">Yourself</span>
) : user.rowStatus === "NORMAL" ? (
<span className="btn archive" onClick={() => handleArchiveUserClick(user)}>
archive
</span>
) : (
<>
<span className="btn restore" onClick={() => handleRestoreUserClick(user)}>
restore
</span>
<span className="split-line">/</span>
<span className="btn delete" onClick={() => handleDeleteUserClick(user)}>
delete
</span>
</>
<Dropdown className="actions-dropdown">
{user.rowStatus === "NORMAL" ? (
<button onClick={() => handleArchiveUserClick(user)}>Archive</button>
) : (
<>
<button onClick={() => handleRestoreUserClick(user)}>Restore</button>
<button className="delete" onClick={() => handleDeleteUserClick(user)}>
Delete
</button>
</>
)}
</Dropdown>
)}
</div>
</div>