Page MenuHomePhorge
Files F33025857

D6390.1768394237.diff
No OneTemporary
Actions

Size
2 KB
Referenced Files
None
Subscribers
None

D6390.1768394237.diff
View Options

diff --git a/native/chat/chat-input-bar.react.js b/native/chat/chat-input-bar.react.js
--- a/native/chat/chat-input-bar.react.js
+++ b/native/chat/chat-input-bar.react.js
@@ -44,6 +44,7 @@
draftKeyFromThreadID,
colorIsDark,
} from 'lib/shared/thread-utils';
+import { getTypeaheadUserSuggestions } from 'lib/shared/typeahead-utils';
import type { CalendarQuery } from 'lib/types/entry-types';
import type { LoadingStatus } from 'lib/types/loading-types';
import type { PhotoPaste } from 'lib/types/media-types';
@@ -88,8 +89,10 @@
import type { LayoutEvent } from '../types/react-native';
import { type AnimatedViewStyle, AnimatedView } from '../types/styles';
import { runTiming } from '../utils/animation-utils';
+import { nativeTypeaheadRegex } from '../utils/typeahead-utils';
import { ChatContext } from './chat-context';
import type { ChatNavigationProp } from './chat.react';
+import TypeaheadTooltip from './typeahead-tooltip.react';
/* eslint-disable import/no-named-as-default-member */
const {
@@ -472,6 +475,47 @@
);
}
+ const inputSliceEndingAtCursor = this.state.text.slice(
+ 0,
+ this.state.selection.start,
+ );
+
+ // we only try to match if there is end of text or whitespace after cursor
+ const typeaheadRegexMatches =
+ inputSliceEndingAtCursor.length === this.state.text.length ||
+ /\s/.test(this.state.text[this.state.selection.start])
+ ? inputSliceEndingAtCursor.match(nativeTypeaheadRegex)
+ : null;
+
+ const typeaheadMatchedStrings =
+ typeaheadRegexMatches !== null
+ ? {
+ textBeforeAtSymbol: typeaheadRegexMatches[1] ?? '',
+ usernamePrefix: typeaheadRegexMatches[4] ?? '',
+ }
+ : null;
+
+ const typedUsernamePrefix = typeaheadMatchedStrings?.usernamePrefix ?? '';
+
+ const suggestedUsers = typeaheadMatchedStrings
+ ? getTypeaheadUserSuggestions(
+ this.props.userSearchIndex,
+ this.props.threadMembers,
+ this.props.viewerID,
+ typedUsernamePrefix,
+ )
+ : [];
+
+ const typeaheadTooltip =
+ suggestedUsers.length > 0 && typeaheadMatchedStrings ? (
+ <TypeaheadTooltip
+ text={this.state.text}
+ matchedStrings={typeaheadMatchedStrings}
+ suggestedUsers={suggestedUsers}
+ focusAndUpdateTextAndSelection={this.focusAndUpdateTextAndSelection}
+ />
+ ) : null;
+
let content;
const defaultMembersAreVoiced = checkIfDefaultMembersAreVoiced(
this.props.threadInfo,
@@ -517,6 +561,7 @@
style={this.props.styles.container}
onLayout={this.props.onInputBarLayout}
>
+ {typeaheadTooltip}
{joinButton}
{content}
{keyboardInputHost}

File Metadata

Mime Type
text/plain
Expires
Wed, Jan 14, 12:37 PM (4 h, 19 m)
Storage Engine
blob
Storage Format
Raw Data
Storage Handle
5931756
Default Alt Text
D6390.1768394237.diff (2 KB)

Event Timeline