Hitting enter should rename project title #595
@@ -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)
|
||||||
|
|||||||
Reference in New Issue
Block a user