- Replaced direct imports from 'antd' with centralized imports from '@/shared/antd-imports' to align with new import rules and improve maintainability.
31 lines
850 B
TypeScript
31 lines
850 B
TypeScript
import { Button, Flex } from '@/shared/antd-imports';
|
|
import AddMembersDropdown from '@/components/add-members-dropdown/add-members-dropdown';
|
|
import Avatars from '../avatars/avatars';
|
|
import { IProjectTask } from '@/types/project/projectTasksViewModel.types';
|
|
import BoardAssigneeSelector from './board-assignee-selector/board-assignee-selector';
|
|
|
|
type CustomAvatarGroupProps = {
|
|
task: IProjectTask;
|
|
sectionId: string;
|
|
};
|
|
|
|
const CustomAvatarGroup = ({ task, sectionId }: CustomAvatarGroupProps) => {
|
|
return (
|
|
<Flex
|
|
gap={4}
|
|
align="center"
|
|
onClick={e => e.stopPropagation()}
|
|
style={{
|
|
borderRadius: 4,
|
|
cursor: 'pointer',
|
|
}}
|
|
>
|
|
<Avatars members={task?.names || []} />
|
|
|
|
<BoardAssigneeSelector task={task} groupId={sectionId} />
|
|
</Flex>
|
|
);
|
|
};
|
|
|
|
export default CustomAvatarGroup;
|