Hitting enter should rename project title

This commit is contained in:
Todd Medema
2022-01-18 22:12:59 -05:00
parent 5531f2e0c1
commit fb50a105c9

View File

@@ -42,6 +42,13 @@ const EditableProjectTitle = ({
} }
setNewTitle(target.value.replace(/([^a-zA-Z\d_:])/g, '-').slice(0, 25)) setNewTitle(target.value.replace(/([^a-zA-Z\d_:])/g, '-').slice(0, 25))
} }
const onKeyDown = (event) => {
if (event.key === 'Enter') {
event.preventDefault();
event.stopPropagation();
updateProject({ variables: { id, input: { title: newTitle } } });
}
}
return ( return (
<> <>
{!inEditMode && ( {!inEditMode && (
@@ -76,6 +83,7 @@ const EditableProjectTitle = ({
value={newTitle} value={newTitle}
onChange={onTitleChange} onChange={onTitleChange}
ref={inputRef} ref={inputRef}
onKeyDown={onKeyDown}
onBlur={() => onBlur={() =>
setTimeout(() => { setTimeout(() => {
setInEditMode(false) setInEditMode(false)