From 176a3b5ece1215ca8df8479580282bbdf91b8fe5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?marcin=20miko=C5=82ajczak?= <git@mkljczk.pl>
Date: Sat, 22 Jul 2023 00:21:14 +0200
Subject: [PATCH] Lexical: Use selectAccount selector
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: marcin mikołajczak <git@mkljczk.pl>
---
 .../compose/editor/plugins/autosuggest-plugin.tsx        | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/soapbox/features/compose/editor/plugins/autosuggest-plugin.tsx b/app/soapbox/features/compose/editor/plugins/autosuggest-plugin.tsx
index 8269b1950..c6db3284c 100644
--- a/app/soapbox/features/compose/editor/plugins/autosuggest-plugin.tsx
+++ b/app/soapbox/features/compose/editor/plugins/autosuggest-plugin.tsx
@@ -37,6 +37,7 @@ import { useEmoji } from 'soapbox/actions/emojis';
 import AutosuggestEmoji from 'soapbox/components/autosuggest-emoji';
 import { isNativeEmoji } from 'soapbox/features/emoji';
 import { useAppDispatch, useCompose } from 'soapbox/hooks';
+import { selectAccount } from 'soapbox/selectors';
 import { textAtCursorMatchesToken } from 'soapbox/utils/suggestions';
 
 import AutosuggestAccount from '../../components/autosuggest-account';
@@ -314,7 +315,9 @@ const AutosuggestPlugin = ({
         const state = editor.getEditorState();
         const node = (state._selection as RangeSelection)?.anchor?.getNode();
 
-        if (typeof suggestion === 'object' && suggestion.id) {
+        if (typeof suggestion === 'object') {
+          if (!suggestion.id) return;
+
           dispatch(useEmoji(suggestion)); // eslint-disable-line react-hooks/rules-of-hooks
 
           const { leadOffset, matchingString } = resolution!.match;
@@ -333,11 +336,11 @@ const AutosuggestPlugin = ({
 
             emojiText?.replace($createEmojiNode(completion, suggestion.imageUrl));
           }
-        } else if ((suggestion as string)[0] === '#') {
+        } else if (suggestion[0] === '#') {
           node.setTextContent(`${suggestion} `);
           node.select();
         } else {
-          const content = getState().accounts.get(suggestion)!.acct;
+          const content = selectAccount(getState(), suggestion)!.acct;
 
           node.setTextContent(`@${content} `);
           node.select();