Save edited message on enter (#78)

diff --git a/src/app/molecules/message/Message.jsx b/src/app/molecules/message/Message.jsx
index c1da0f06a161260343a55dfe8afafe2ce40b0480..440197b39f4cc4c45e3f1a159ee4c469569baf1b 100644 (file)
--- a/src/app/molecules/message/Message.jsx
+++ b/src/app/molecules/message/Message.jsx
@@ -128,10 +128,19 @@ MessageContent.propTypes = {
 
 function MessageEdit({ content, onSave, onCancel }) {
   const editInputRef = useRef(null);
+
+  function handleKeyDown(e) {
+    if (e.keyCode === 13 && e.shiftKey === false) {
+      e.preventDefault();
+      onSave(editInputRef.current.value);
+    }
+  }
+
   return (
     <form className="message__edit" onSubmit={(e) => { e.preventDefault(); onSave(editInputRef.current.value); }}>
       <Input
         forwardRef={editInputRef}
+        onKeyDown={handleKeyDown}
         value={content}
         placeholder="Edit message"
         required

diff --git a/src/app/organisms/profile-editor/ProfileEditor.jsx b/src/app/organisms/profile-editor/ProfileEditor.jsx
index a124acaa955b3bd8882dcb2502db8b22669a54bd..7125f4419074a99dae25777ff3f91c8c7489b46e 100644 (file)
--- a/src/app/organisms/profile-editor/ProfileEditor.jsx
+++ b/src/app/organisms/profile-editor/ProfileEditor.jsx
@@ -7,7 +7,6 @@ import colorMXID from '../../../util/colorMXID';
 import Button from '../../atoms/button/Button';
 import ImageUpload from '../../molecules/image-upload/ImageUpload';
 import Input from '../../atoms/input/Input';
-import Text from '../../atoms/text/Text';
 
 import './ProfileEditor.scss';