|
|
@@ -2,8 +2,9 @@ import React, { useEffect, useState, useRef } from 'react';
|
|
|
import { useSelector, useDispatch } from 'react-redux';
|
|
|
import { ExtendedBodyPosition } from '../../../states/exam/bodyPositionListSlice';
|
|
|
import { RootState, AppDispatch } from '../../../states/store';
|
|
|
-import { message, Badge } from 'antd';
|
|
|
+import { message, Badge, Tooltip } from 'antd';
|
|
|
import { CheckOutlined, CloseOutlined } from '@ant-design/icons';
|
|
|
+import { useIntl } from 'react-intl';
|
|
|
import AppendViewIcon from '@/components/AppendViewIcon';
|
|
|
import ImageViewer from './ImageViewer';
|
|
|
import { getExposedImageUrl, getViewIconUrl } from '../../../API/bodyPosition';
|
|
|
@@ -23,6 +24,7 @@ const BodyPositionList: React.FC<BodyPositionListProps> = ({
|
|
|
showAddButton = true,
|
|
|
}) => {
|
|
|
const dispatch = useDispatch<AppDispatch>();
|
|
|
+ const intl = useIntl();
|
|
|
const currentKey = useSelector(
|
|
|
(state: RootState) => state.BusinessFlow.currentKey
|
|
|
);
|
|
|
@@ -176,21 +178,23 @@ const BodyPositionList: React.FC<BodyPositionListProps> = ({
|
|
|
</div>
|
|
|
|
|
|
{showAddButton && (
|
|
|
- <div
|
|
|
- className="mx-auto cursor-pointer"
|
|
|
- style={{ width: '50%' }}
|
|
|
- onClick={addBodyPositionClick}
|
|
|
- >
|
|
|
+ <Tooltip title={intl.formatMessage({ id: 'exam.action.addMorePositions' })}>
|
|
|
<div
|
|
|
- style={{
|
|
|
- stroke: 'var(--color-primary)',
|
|
|
- strokeWidth: 0.5,
|
|
|
- color: 'var(--color-text)',
|
|
|
- }}
|
|
|
+ className="mx-auto cursor-pointer"
|
|
|
+ style={{ width: '50%' }}
|
|
|
+ onClick={addBodyPositionClick}
|
|
|
>
|
|
|
- <AppendViewIcon className="w-full h-full hover:opacity-100 " />
|
|
|
+ <div
|
|
|
+ style={{
|
|
|
+ stroke: 'var(--color-primary)',
|
|
|
+ strokeWidth: 0.5,
|
|
|
+ color: 'var(--color-text)',
|
|
|
+ }}
|
|
|
+ >
|
|
|
+ <AppendViewIcon className="w-full h-full hover:opacity-100 " />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </Tooltip>
|
|
|
)}
|
|
|
|
|
|
<AppendViewModal open={isAppendModalOpen} onCancel={handleModalClose} />
|
dengdx