hippoz/cinny
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Save edited message on enter (#78)

Browse source
This commit is contained in:
Ajay Bura 2021-09-13 16:30:23 +05:30
parent 767784a79c
commit 0bbe6a0a12
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/app/molecules/message/Message.jsx
View file

@ -128,10 +128,19 @@ MessageContent.propTypes = {
function MessageEdit({ content, onSave, onCancel }) { function MessageEdit({ content, onSave, onCancel }) {
const editInputRef = useRef(null); const editInputRef = useRef(null);
function handleKeyDown(e) {
if (e.keyCode === 13 && e.shiftKey === false) {
e.preventDefault();
onSave(editInputRef.current.value);
}
}
return ( return (
<form className="message__edit" onSubmit={(e) => { e.preventDefault(); onSave(editInputRef.current.value); }}> <form className="message__edit" onSubmit={(e) => { e.preventDefault(); onSave(editInputRef.current.value); }}>
<Input <Input
forwardRef={editInputRef} forwardRef={editInputRef}
onKeyDown={handleKeyDown}
value={content} value={content}
placeholder="Edit message" placeholder="Edit message"
required required

1
src/app/organisms/profile-editor/ProfileEditor.jsx
View file

@ -7,7 +7,6 @@ import colorMXID from '../../../util/colorMXID';
import Button from '../../atoms/button/Button'; import Button from '../../atoms/button/Button';
import ImageUpload from '../../molecules/image-upload/ImageUpload'; import ImageUpload from '../../molecules/image-upload/ImageUpload';
import Input from '../../atoms/input/Input'; import Input from '../../atoms/input/Input';
import Text from '../../atoms/text/Text';
import './ProfileEditor.scss'; import './ProfileEditor.scss';