d762da9141
BREAKING CHANGE: Removed standalone user edit routes (/console/user/edit, /console/user/edit/:id) - 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 - Update import paths in pages/User/index.js to use new modular structure - Remove obsolete EditUser imports and routes from App.js - Delete original monolithic files: UsersTable.js, AddUser.js, EditUser.js The new architecture follows the same modular pattern as tokens and redemptions modules: - Consistent file organization across all table modules - Better separation of concerns and maintainability - Enhanced reusability and testability - Unified modal management approach All existing functionality preserved with improved code organization.
27 lines
494 B
JavaScript
27 lines
494 B
JavaScript
import React from 'react';
|
|
import { Button } from '@douyinfe/semi-ui';
|
|
|
|
const UsersActions = ({
|
|
setShowAddUser,
|
|
t
|
|
}) => {
|
|
|
|
// Add new user
|
|
const handleAddUser = () => {
|
|
setShowAddUser(true);
|
|
};
|
|
|
|
return (
|
|
<div className="flex gap-2 w-full md:w-auto order-2 md:order-1">
|
|
<Button
|
|
className="w-full md:w-auto"
|
|
onClick={handleAddUser}
|
|
size="small"
|
|
>
|
|
{t('添加用户')}
|
|
</Button>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default UsersActions;
|