bigbuffet/bigbuffet-rw
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Composer: simplify cursor update code

Browse source
This commit is contained in:
Alex Gleason 2020-05-26 16:11:24 -05:00
parent 55578a4381
commit 5633bf4317
No known key found for this signature in database
GPG key ID: 7211D1F99744FBB7
1 changed files with 39 additions and 24 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

63
app/gabsocial/features/compose/components/compose_form.js
View file

@ -158,6 +158,44 @@ class ComposeForm extends ImmutablePureComponent {
this.props.onChangeSpoilerText(e.target.value);
}
makeCursorData = opts => {
const { didFocus, isReply, didSuggestion } = opts;
// Mentions
if (didFocus && isReply) return [
this.props.text.search(/\s/) + 1,
this.props.text.length,
];
// Autosuggestions
if (didFocus && didSuggestion) return [
this.props.caretPosition,
];
// Delete & redraft
if (didFocus) return [
this.props.text.length,
];
return false;
}
setCursor = (start, end = start) => {
if (!this.autosuggestTextarea) return;
this.autosuggestTextarea.textarea.setSelectionRange(start, end);
this.autosuggestTextarea.textarea.focus();
}
updateCursor = prevProps => {
const cursorData = this.makeCursorData({
didFocus: this.props.focusDate !== prevProps.focusDate,
isReply: this.props.preselectDate !== prevProps.preselectDate,
didSuggestion: typeof this.props.caretPosition === 'number',
});
if (cursorData) this.setCursor(...cursorData);
}
componentDidMount() {
document.addEventListener('click', this.handleClick, true);
}
@ -167,30 +205,7 @@ class ComposeForm extends ImmutablePureComponent {
}
componentDidUpdate(prevProps) {
if (!this.autosuggestTextarea) return;
// This statement does several things:
// - If we're beginning a reply, and,
// - Replying to zero or one users, places the cursor at the end of the textbox.
// - Replying to more than one user, selects any usernames past the first;
// this provides a convenient shortcut to drop everyone else from the conversation.
if (this.props.focusDate !== prevProps.focusDate) {
let selectionEnd, selectionStart;
if (this.props.preselectDate !== prevProps.preselectDate) {
selectionEnd = this.props.text.length;
selectionStart = this.props.text.search(/\s/) + 1;
} else if (typeof this.props.caretPosition === 'number') {
selectionStart = this.props.caretPosition;
selectionEnd = this.props.caretPosition;
} else {
selectionEnd = this.props.text.length;
selectionStart = selectionEnd;
}
this.autosuggestTextarea.textarea.setSelectionRange(selectionStart, selectionEnd);
this.autosuggestTextarea.textarea.focus();
}
this.updateCursor(prevProps);
}
setAutosuggestTextarea = (c) => {