diff --git a/app/javascript/flavours/glitch/actions/compose.js b/app/javascript/flavours/glitch/actions/compose.js
index 134b69855..16b0e7ad2 100644
--- a/app/javascript/flavours/glitch/actions/compose.js
+++ b/app/javascript/flavours/glitch/actions/compose.js
@@ -444,13 +444,13 @@ export const readyComposeSuggestionsTags = (token, tags) => ({
export function selectComposeSuggestion(position, token, suggestion, path) {
return (dispatch, getState) => {
let completion;
- if (typeof suggestion === 'object' && suggestion.id) {
+ if (suggestion.type === 'emoji') {
dispatch(useEmoji(suggestion));
completion = suggestion.native || suggestion.colons;
- } else if (typeof suggestion === 'object' && suggestion.name) {
+ } else if (suggestion.type === 'hashtag') {
completion = `#${suggestion.name}`;
- } else {
- completion = '@' + getState().getIn(['accounts', suggestion, 'acct']);
+ } else if (suggestion.type === 'account') {
+ completion = '@' + getState().getIn(['accounts', suggestion.id, 'acct']);
}
dispatch({
diff --git a/app/javascript/flavours/glitch/components/autosuggest_input.js b/app/javascript/flavours/glitch/components/autosuggest_input.js
index f931069a9..1ef7ee216 100644
--- a/app/javascript/flavours/glitch/components/autosuggest_input.js
+++ b/app/javascript/flavours/glitch/components/autosuggest_input.js
@@ -168,15 +168,15 @@ export default class AutosuggestInput extends ImmutablePureComponent {
const { selectedSuggestion } = this.state;
let inner, key;
- if (typeof suggestion === 'object' && suggestion.shortcode) {
+ if (suggestion.type === 'emoji') {
inner = ;
key = suggestion.id;
- } else if (typeof suggestion === 'object' && suggestion.name) {
+ } else if (suggestion.type ==='hashtag') {
inner = ;
key = suggestion.name;
- } else {
- inner = ;
- key = suggestion;
+ } else if (suggestion.type === 'account') {
+ inner = ;
+ key = suggestion.id;
}
return (
diff --git a/app/javascript/flavours/glitch/components/autosuggest_textarea.js b/app/javascript/flavours/glitch/components/autosuggest_textarea.js
index c057f4a5b..ec2fbbe4b 100644
--- a/app/javascript/flavours/glitch/components/autosuggest_textarea.js
+++ b/app/javascript/flavours/glitch/components/autosuggest_textarea.js
@@ -174,15 +174,15 @@ export default class AutosuggestTextarea extends ImmutablePureComponent {
const { selectedSuggestion } = this.state;
let inner, key;
- if (typeof suggestion === 'object' && suggestion.shortcode) {
+ if (suggestion.type === 'emoji') {
inner = ;
key = suggestion.id;
- } else if (typeof suggestion === 'object' && suggestion.name) {
+ } else if (suggestion.type === 'hashtag') {
inner = ;
key = suggestion.name;
- } else {
- inner = ;
- key = suggestion;
+ } else if (suggestion.type === 'account') {
+ inner = ;
+ key = suggestion.id;
}
return (
diff --git a/app/javascript/flavours/glitch/reducers/compose.js b/app/javascript/flavours/glitch/reducers/compose.js
index 3c769abe3..ee2905c9b 100644
--- a/app/javascript/flavours/glitch/reducers/compose.js
+++ b/app/javascript/flavours/glitch/reducers/compose.js
@@ -288,11 +288,11 @@ const expiresInFromExpiresAt = expires_at => {
const normalizeSuggestions = (state, { accounts, emojis, tags }) => {
if (accounts) {
- return accounts.map(item => item.id);
+ return accounts.map(item => ({ id: item.id, type: 'account' }));
} else if (emojis) {
- return emojis;
+ return emojis.map(item => ({ ...item, type: 'emoji' }));
} else {
- return sortHashtagsByUse(state, tags);
+ return sortHashtagsByUse(state, tags.map(item => ({ ...item, type: 'hashtag' })));
}
};