09557101db
BREAKING CHANGE: Removed standalone user edit routes and intermediate export files ## Major Refactoring - Decompose 673-line monolithic UsersTable.js into 8 specialized components - Extract column definitions to UsersColumnDefs.js with render functions - Create dedicated UsersActions.jsx for action buttons - Create UsersFilters.jsx for search and filtering logic - Create UsersDescription.jsx for description area - Extract all data management logic to useUsersData.js hook - Move AddUser.js and EditUser.js to users/modals/ folder as modal components - Create 4 new confirmation modal components (Promote, Demote, EnableDisable, Delete) - Implement pure UsersTable.jsx component for table rendering only - Create main container component users/index.jsx to compose all subcomponents ## Import Path Optimization - Remove 6 intermediate re-export files: ChannelsTable.js, TokensTable.js, RedemptionsTable.js, UsageLogsTable.js, MjLogsTable.js, TaskLogsTable.js - Update all pages to import directly from module folders (e.g., '../../components/table/tokens') - Standardize naming convention: all pages import as XxxTable while internal components use XxxPage ## Route Cleanup - Remove obsolete EditUser imports and routes from App.js (/console/user/edit, /console/user/edit/:id) - Delete original monolithic files: UsersTable.js, AddUser.js, EditUser.js ## Architecture Benefits - Unified modular pattern across all table modules (tokens, redemptions, users, channels, logs) - Consistent file organization and naming conventions - Better separation of concerns and maintainability - Enhanced reusability and testability - Eliminated unnecessary intermediate layers - Improved import clarity and performance All existing functionality preserved with significantly improved code organization.
39 lines
777 B
JavaScript
39 lines
777 B
JavaScript
import React from 'react';
|
|
import { Modal } from '@douyinfe/semi-ui';
|
|
|
|
const DeleteUserModal = ({
|
|
visible,
|
|
onCancel,
|
|
onConfirm,
|
|
user,
|
|
users,
|
|
activePage,
|
|
refresh,
|
|
manageUser,
|
|
t
|
|
}) => {
|
|
const handleConfirm = async () => {
|
|
await manageUser(user.id, 'delete', user);
|
|
await refresh();
|
|
setTimeout(() => {
|
|
if (users.length === 0 && activePage > 1) {
|
|
refresh(activePage - 1);
|
|
}
|
|
}, 100);
|
|
onCancel(); // Close modal after success
|
|
};
|
|
|
|
return (
|
|
<Modal
|
|
title={t('确定是否要注销此用户？')}
|
|
visible={visible}
|
|
onCancel={onCancel}
|
|
onOk={handleConfirm}
|
|
type="danger"
|
|
>
|
|
{t('相当于删除用户，此修改将不可逆')}
|
|
</Modal>
|
|
);
|
|
};
|
|
|
|
export default DeleteUserModal;
|