removed dependency

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

@@ -23,7 +23,6 @@ export const EditableComponent: React.FC<Props> = props => {
   const [editText, setEditText] = useState(text);
 
   const inputRef = useRef<HTMLInputElement>(null);
-  const hasTextSelected = useRef(false);
 
   // handle click outside of the input when editing
   useEffect(() => {
@@ -35,25 +34,20 @@ export const EditableComponent: React.FC<Props> = props => {
         !inputRef.current.contains(event.target as Node)
       ) {
         setIsEditing(false);
-        onTextSubmit(editText);
-        hasTextSelected.current = false;
+        onTextSubmit(inputRef.current?.value || '');
       }
     };
 
     const handleKeyDown = (event: KeyboardEvent) => {
       if (isEditing && event.key === 'Enter') {
         setIsEditing(false);
-        onTextSubmit(editText);
-        hasTextSelected.current = false;
+        onTextSubmit(inputRef.current?.value || '');
       }
     };
 
     if (isEditing) {
-      if (!hasTextSelected.current) {
-        inputRef.current?.focus();
-        inputRef.current?.select();
-        hasTextSelected.current = true;
-      }
+      inputRef.current?.focus();
+      inputRef.current?.select();
       document.addEventListener('mousedown', handleClickOutside);
       document.addEventListener('keydown', handleKeyDown);
     } else {
@@ -65,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) {