Refactor the EditableText component to reduce code duplication.

[raphaelweis]

In editable text, the functions handleImageUrl and handleBlur are almost identical, with the main difference being the source of the text to update. These can be combined into a single function allowing it's users to update the text for a passage margin, regardless of the input method.

[benel]

Thank you for this suggestion.

Please note that a similar refactoring has recently been done to reuse code between handleClick and useEffect:

HyperGlosae/frontend/src/components/EditableText.js

Lines 23 to 30 in 8db04da

	let updateEditedDocument = () => backend.getDocument(id)
	.then((x) => {
	x = x.error
	? {_id: uuid(), text: `{${rubric}}`, isPartOf, links}
	: x;
	setEditedDocument(x);
	return x;
	});

[benel]

HyperGlosae/frontend/src/components/EditableText.jsx

Lines 56 to 61 in 092ff8d

	let parsedText = parsePassage(editedDocument.text) + imageTag;
	let text = (rubric)
	? editedDocument.text.replace(PASSAGE, `{${rubric}} ${parsedText}`)
	: parsedText;
	backend.putDocument({ ...editedDocument, text })
	.then(x => setLastUpdate(x.rev))

HyperGlosae/frontend/src/components/EditableText.jsx

Lines 71 to 76 in 092ff8d

	let parsedText = parseFirstPassage(editedText);
	let text = (rubric)
	? editedDocument.text.replace(PASSAGE, `{${rubric}} ${parsedText}`)
	: editedText;
	backend.putDocument({ ...editedDocument, text })
	.then(x => setLastUpdate(x.rev))