Docker/planka
Docker/planka
1
0
Fork 0
mirror of https://github.com/plankanban/planka.git synced 2025-07-19 05:09:43 +02:00
Code Issues Releases Activity

feat: Refactor CommentEdit component to use separate props for text and actions

Browse source
This commit is contained in:
SedationH 2024-10-27 10:26:30 +08:00
parent 7580afdb1c
commit 85f8c52f04
2 changed files with 20 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

12
client/src/components/CardModal/Activities/CommentEdit.jsx
View file

@ -10,7 +10,7 @@ import { focusEnd } from '../../../utils/element-helpers';
import styles from './CommentEdit.module.scss';
const CommentEdit = React.forwardRef(({ children, defaultData, onUpdate }, ref) => {
const CommentEdit = React.forwardRef(({ defaultData, onUpdate, text, actions }, ref) => {
const [t] = useTranslation();
const [isOpened, setIsOpened] = useState(false);
const [data, handleFieldChange, setData] = useForm(null);
@ -76,7 +76,12 @@ const CommentEdit = React.forwardRef(({ children, defaultData, onUpdate }, ref)
}, [isOpened]);
if (!isOpened) {
return children;
return (
<>
{text}
{actions}
</>
);
}
return (
@ -101,9 +106,10 @@ const CommentEdit = React.forwardRef(({ children, defaultData, onUpdate }, ref)
});
CommentEdit.propTypes = {
children: PropTypes.element.isRequired,
defaultData: PropTypes.object.isRequired, // eslint-disable-line react/forbid-prop-types
onUpdate: PropTypes.func.isRequired,
text: PropTypes.element.isRequired,
actions: PropTypes.element.isRequired,
};
export default React.memo(CommentEdit);

17
client/src/components/CardModal/Activities/ItemComment.jsx
View file

@ -40,12 +40,17 @@ const ItemComment = React.memo(
})}
</span>
</div>
<CommentEdit ref={commentEdit} defaultData={data} onUpdate={onUpdate}>
<>
<CommentEdit
ref={commentEdit}
defaultData={data}
onUpdate={onUpdate}
text={
<div className={styles.text}>
<Markdown linkTarget="_blank">{data.text}</Markdown>
</div>
{canEdit && (
}
actions={
canEdit && (
<Comment.Actions>
<Comment.Action
as="button"
@ -66,9 +71,9 @@ const ItemComment = React.memo(
/>
</DeletePopup>
</Comment.Actions>
)}
</>
</CommentEdit>
)
}
/>
</div>
</Comment>
);