feat: Added feature - open card once created with Ctrl+Enter

client/src/components/List/CardAdd.jsx

@@ -21,36 +21,42 @@ const CardAdd = React.memo(({ isOpened, onCreate, onClose }) => {
 
   const nameField = useRef(null);
 
-  const submit = useCallback(() => {
-    const cleanData = {
-      ...data,
-      name: data.name.trim(),
-    };
-
-    if (!cleanData.name) {
-      nameField.current.ref.current.select();
-      return;
-    }
-
-    onCreate(cleanData);
+  const submit = useCallback(
+    (openCard) => {
+      const cleanData = {
+        ...data,
+        name: data.name.trim(),
+        open: openCard,
+      };
+
+      if (!cleanData.name) {
+        nameField.current.ref.current.select();
+        return;
+      }
 
-    setData(DEFAULT_DATA);
-    focusNameField();
-  }, [onCreate, data, setData, focusNameField]);
+      onCreate(cleanData);
+      setData(DEFAULT_DATA);
+      focusNameField();
+    },
+    [onCreate, data, setData, focusNameField],
+  );
 
   const handleFieldKeyDown = useCallback(
     (event) => {
       switch (event.key) {
-        case 'Enter':
+        case 'Enter': {
           event.preventDefault();
 
-          submit();
+          const openCard = event.ctrlKey;
+          submit(openCard);
 
           break;
-        case 'Escape':
+        }
+        case 'Escape': {
           onClose();
 
           break;
+        }
         default:
       }
     },

client/src/locales/en/core.js

@@ -84,7 +84,7 @@ export default {
       editUsername_title: 'Edit Username',
       email: 'E-mail',
       emailAlreadyInUse: 'E-mail already in use',
-      enterCardTitle: 'Enter card title...',
+      enterCardTitle: 'Enter card title... [Ctrl+Enter] to open',
       enterDescription: 'Enter description...',
       enterFilename: 'Enter filename',
       enterListTitle: 'Enter list title...',

client/src/sagas/core/services/cards.js

@@ -1,6 +1,6 @@
 import { call, put, select } from 'redux-saga/effects';
 
-import { goToBoard } from './router';
+import { goToBoard, goToCard } from './router';
 import request from '../request';
 import selectors from '../../../selectors';
 import actions from '../../../actions';
@@ -33,8 +33,10 @@ export function* createCard(listId, data) {
     yield put(actions.createCard.failure(localId, error));
     return;
   }
-
   yield put(actions.createCard.success(localId, card));
+  if (data.open) {
+    yield call(goToCard, card.id);
+  }
 }
 
 export function* handleCardCreate(card) {