diff --git a/web/src/components/Stages/DeleteStageModal.jsx b/web/src/components/Stages/DeleteStageModal.jsx index f345a8c..09de116 100644 --- a/web/src/components/Stages/DeleteStageModal.jsx +++ b/web/src/components/Stages/DeleteStageModal.jsx @@ -1,6 +1,7 @@ import styled from '@emotion/styled'; import DeleteOutlineOutlinedIcon from '@mui/icons-material/DeleteOutlineOutlined'; import { Button, Stack, Typography } from '@mui/material'; +import { DIRECTION_TRANSLATE, SHEET_NAME } from '../../constants/constants'; import { ModalContainer as BaseModalContainer, ModalBackdrop } from '../common/Modal/FormModalStyled'; const ModalContainer = styled(BaseModalContainer)` @@ -40,6 +41,13 @@ export const DeleteStageModal = ({ isOpen, onClose, onConfirm, stage }) => { Удалить этот элемент? + {stage && ( + + {SHEET_NAME[stage.sheet] ?? stage.sheet} + {stage.direction ? ` (${DIRECTION_TRANSLATE[stage.direction] ?? stage.direction})` : ''} — {stage.phase_code} + + )} + Он будет удалён без возможности восстановления. diff --git a/web/src/components/Stages/SettingModal.jsx b/web/src/components/Stages/SettingModal.jsx index 39578f8..ad213bd 100644 --- a/web/src/components/Stages/SettingModal.jsx +++ b/web/src/components/Stages/SettingModal.jsx @@ -122,7 +122,7 @@ export const SettingModal = ({ )} {isAdmin && ( @@ -141,7 +141,7 @@ export const SettingModal = ({ defaultSheet={mode === 'project' ? reportType : ''} /> )} - {!isTaskMode && ( + {isAdmin && ( { diff --git a/web/src/components/Stages/StagesTable/StagesTable.jsx b/web/src/components/Stages/StagesTable/StagesTable.jsx index bac0e40..04bd411 100644 --- a/web/src/components/Stages/StagesTable/StagesTable.jsx +++ b/web/src/components/Stages/StagesTable/StagesTable.jsx @@ -2,9 +2,10 @@ import MoreVertIcon from '@mui/icons-material/MoreVert'; import { Divider, IconButton, Menu, MenuItem, TableBody, TableCell, TableRow, Typography } from '@mui/material'; import { useState } from 'react'; import { useAuth } from '../../../app/context/AuthProvider'; -import { ROLES_NAME_ID, SHEET_NAME, STAGE_ROLE_RUSSIAN_NAME } from '../../../constants/constants'; +import { DIRECTION_TRANSLATE, ROLES_NAME_ID, SHEET_NAME, STAGE_ROLE_RUSSIAN_NAME } from '../../../constants/constants'; import { formatDate } from '../../../utils/formatDate'; import { StageStatusChip } from '../StageStatusChip'; +import { getStageKey } from '../utils'; import { StyledTable, StyledTableContainer, StyledTableHead, StyledTableHeadRow, StyledTableRow } from './StagesTable.style'; import { getStageStatus, getStatusColors } from './utils'; @@ -60,15 +61,15 @@ export const StagesTable = ({ stages, onEdit, onDelete }) => { ) : ( - stages.map((stage, index) => { + stages.map((stage) => { const status = getStageStatus(stage); const colors = getStatusColors(status); - const rowKey = `${stage.sheet}-${stage.phase_code}-${stage.role}-${index}`; return ( - + - {SHEET_NAME[stage.sheet]} - {stage.phase_code} + {SHEET_NAME[stage.sheet]} + {stage.direction ? ` (${DIRECTION_TRANSLATE[stage.direction] ?? stage.direction})` : ''} — {stage.phase_code} {isAdmin && (