Merge pull request #113 from Lemoncode/feature/#112-focus-is-set-sele…

…ct-all-text-as-well

add select all text as well

src/common/components/inline-edit/inline-edit.tsx

@@ -34,19 +34,20 @@ export const EditableComponent: React.FC<Props> = props => {
         !inputRef.current.contains(event.target as Node)
       ) {
         setIsEditing(false);
-        onTextSubmit(editText);
+        onTextSubmit(inputRef.current?.value || '');
       }
     };
 
     const handleKeyDown = (event: KeyboardEvent) => {
       if (isEditing && event.key === 'Enter') {
         setIsEditing(false);
-        onTextSubmit(editText);
+        onTextSubmit(inputRef.current?.value || '');
       }
     };
 
     if (isEditing) {
       inputRef.current?.focus();
+      inputRef.current?.select();
       document.addEventListener('mousedown', handleClickOutside);
       document.addEventListener('keydown', handleKeyDown);
     } else {
@@ -58,7 +59,7 @@ export const EditableComponent: React.FC<Props> = props => {
       document.removeEventListener('mousedown', handleClickOutside);
       document.addEventListener('keydown', handleKeyDown);
     };
-  }, [isEditing, editText]);
+  }, [isEditing]);
 
   const handleDoubleClick = () => {
     if (isEditable) {