refactor(enhanced-kanban): relocate EnhancedKanbanBoardNativeDnD component
- Moved EnhancedKanbanBoardNativeDnD to a new directory for better organization. - Updated import paths in ProjectViewEnhancedBoard to reflect the new location.
This commit is contained in:
@@ -3,10 +3,10 @@ import { useSelector, useDispatch } from 'react-redux';
|
|||||||
import { RootState } from '@/app/store';
|
import { RootState } from '@/app/store';
|
||||||
import { ITaskListGroup } from '@/types/tasks/taskList.types';
|
import { ITaskListGroup } from '@/types/tasks/taskList.types';
|
||||||
import { IProjectTask } from '@/types/project/projectTasksViewModel.types';
|
import { IProjectTask } from '@/types/project/projectTasksViewModel.types';
|
||||||
import './EnhancedKanbanBoard.css';
|
import '../EnhancedKanbanBoard.css';
|
||||||
import './EnhancedKanbanGroup.css';
|
import '../EnhancedKanbanGroup.css';
|
||||||
import './EnhancedKanbanTaskCard.css';
|
import '../EnhancedKanbanTaskCard.css';
|
||||||
import ImprovedTaskFilters from '../task-management/improved-task-filters';
|
import ImprovedTaskFilters from '../../task-management/improved-task-filters';
|
||||||
import Card from 'antd/es/card';
|
import Card from 'antd/es/card';
|
||||||
import Spin from 'antd/es/spin';
|
import Spin from 'antd/es/spin';
|
||||||
import Empty from 'antd/es/empty';
|
import Empty from 'antd/es/empty';
|
||||||
@@ -64,7 +64,6 @@ const KanbanGroup: React.FC<{
|
|||||||
hoveredGroupId: string | null;
|
hoveredGroupId: string | null;
|
||||||
}> = ({ group, onGroupDragStart, onGroupDragOver, onGroupDrop, onTaskDragStart, onTaskDragOver, onTaskDrop, hoveredTaskIdx, hoveredGroupId }) => {
|
}> = ({ group, onGroupDragStart, onGroupDragOver, onGroupDrop, onTaskDragStart, onTaskDragOver, onTaskDrop, hoveredTaskIdx, hoveredGroupId }) => {
|
||||||
const themeMode = useAppSelector(state => state.themeReducer.mode);
|
const themeMode = useAppSelector(state => state.themeReducer.mode);
|
||||||
|
|
||||||
const headerBackgroundColor = useMemo(() => {
|
const headerBackgroundColor = useMemo(() => {
|
||||||
if (themeMode === 'dark') {
|
if (themeMode === 'dark') {
|
||||||
return group.color_code_dark || group.color_code || '#1e1e1e';
|
return group.color_code_dark || group.color_code || '#1e1e1e';
|
||||||
@@ -112,7 +111,8 @@ const KanbanGroup: React.FC<{
|
|||||||
)}
|
)}
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
)};
|
)
|
||||||
|
};
|
||||||
|
|
||||||
const EnhancedKanbanBoardNativeDnD: React.FC<{ projectId: string }> = ({ projectId }) => {
|
const EnhancedKanbanBoardNativeDnD: React.FC<{ projectId: string }> = ({ projectId }) => {
|
||||||
const dispatch = useDispatch();
|
const dispatch = useDispatch();
|
||||||
@@ -135,6 +135,7 @@ const EnhancedKanbanBoardNativeDnD: React.FC<{ projectId: string }> = ({ project
|
|||||||
dispatch(fetchEnhancedKanbanTaskAssignees(projectId) as any);
|
dispatch(fetchEnhancedKanbanTaskAssignees(projectId) as any);
|
||||||
dispatch(fetchEnhancedKanbanLabels(projectId) as any);
|
dispatch(fetchEnhancedKanbanLabels(projectId) as any);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (!statusCategories.length) {
|
if (!statusCategories.length) {
|
||||||
dispatch(fetchStatusesCategories() as any);
|
dispatch(fetchStatusesCategories() as any);
|
||||||
}
|
}
|
||||||
@@ -1,7 +1,7 @@
|
|||||||
import React from 'react';
|
import React from 'react';
|
||||||
import { useAppSelector } from '@/hooks/useAppSelector';
|
import { useAppSelector } from '@/hooks/useAppSelector';
|
||||||
import EnhancedKanbanBoard from '@/components/enhanced-kanban/EnhancedKanbanBoard';
|
import EnhancedKanbanBoard from '@/components/enhanced-kanban/EnhancedKanbanBoard';
|
||||||
import EnhancedKanbanBoardNativeDnD from '@/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD';
|
import EnhancedKanbanBoardNativeDnD from '@/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/EnhancedKanbanBoardNativeDnD';
|
||||||
|
|
||||||
const ProjectViewEnhancedBoard: React.FC = () => {
|
const ProjectViewEnhancedBoard: React.FC = () => {
|
||||||
const { project } = useAppSelector(state => state.projectReducer);
|
const { project } = useAppSelector(state => state.projectReducer);
|
||||||
|
|||||||
Reference in New Issue
Block a user