From 2067a1ac58e385393dbe6b7e6fb39126e56ff98f Mon Sep 17 00:00:00 2001 From: Zananok Date: Fri, 25 Oct 2024 10:26:46 +0200 Subject: [PATCH] feat: Add multi-task creation with Ctrl+Enter in Add.jsx Modified the handleFieldKeyDown function in Add.jsx to handle Ctrl+Enter keypress events. This change allows creating multiple tasks from each non-empty line in the text field when Ctrl+Enter is pressed, while maintaining the existing functionality for creating a single task on Enter. --- client/src/components/CardModal/Tasks/Add.jsx | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/client/src/components/CardModal/Tasks/Add.jsx b/client/src/components/CardModal/Tasks/Add.jsx index b606d058..1547285d 100755 --- a/client/src/components/CardModal/Tasks/Add.jsx +++ b/client/src/components/CardModal/Tasks/Add.jsx @@ -61,13 +61,17 @@ const Add = React.forwardRef(({ children, onCreate }, ref) => { const handleFieldKeyDown = useCallback( (event) => { - if (event.key === 'Enter') { + if (event.ctrlKey && event.key === 'Enter') { + event.preventDefault(); + const lines = data.name.split('\n').filter(line => line.trim() !== ''); + lines.forEach(line => onCreate({ name: line.trim() })); + setData({ ...data, name: '' }); + } else if (event.key === 'Enter') { event.preventDefault(); - submit(); } }, - [submit], + [data, onCreate, submit], ); const [handleFieldBlur, handleControlMouseOver, handleControlMouseOut] = useClosableForm(