f30fde553d
- Implemented unmapped task grouping for better organization of tasks without valid phases. - Updated task distribution logic to handle unmapped tasks and added a corresponding group in the response. - Enhanced localization by adding translations for "noTasksInGroup" in multiple languages. - Improved task list components to support custom columns and better task management features. - Refactored task management slice to include loading states for columns and custom columns.
36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
import { SettingOutlined } from '@ant-design/icons';
|
|
import { Button, Tooltip } from 'antd';
|
|
import React from 'react';
|
|
import { useAppDispatch } from '../../../../hooks/useAppDispatch';
|
|
import { toggleDrawer } from './phases.slice';
|
|
import { useAppSelector } from '../../../../hooks/useAppSelector';
|
|
import { colors } from '../../../../styles/colors';
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
const ConfigPhaseButton = () => {
|
|
// get theme details from redux
|
|
const themeMode = useAppSelector(state => state.themeReducer.mode);
|
|
|
|
// localization
|
|
const { t } = useTranslation('task-list-filters');
|
|
|
|
const dispatch = useAppDispatch();
|
|
|
|
return (
|
|
<Tooltip title={t('configPhaseButtonTooltip')}>
|
|
<Button
|
|
className="borderless-icon-btn"
|
|
style={{ backgroundColor: colors.transparent, boxShadow: 'none' }}
|
|
onClick={() => dispatch(toggleDrawer())}
|
|
icon={
|
|
<SettingOutlined
|
|
style={{ color: themeMode === 'dark' ? colors.white : 'black' }}
|
|
/>
|
|
}
|
|
/>
|
|
</Tooltip>
|
|
);
|
|
};
|
|
|
|
export default ConfigPhaseButton;
|