diff --git a/app/javascript/flavours/glitch/components/account_bio.tsx b/app/javascript/flavours/glitch/components/account_bio.tsx index d2bb9d6ebf..ea9cb2a628 100644 --- a/app/javascript/flavours/glitch/components/account_bio.tsx +++ b/app/javascript/flavours/glitch/components/account_bio.tsx @@ -3,8 +3,8 @@ import { useCallback } from 'react'; import { useLinks } from 'flavours/glitch/hooks/useLinks'; import { EmojiHTML } from '../features/emoji/emoji_html'; -import { isFeatureEnabled } from '../initial_state'; import { useAppSelector } from '../store'; +import { isModernEmojiEnabled } from '../utils/environment'; interface AccountBioProps { className: string; @@ -32,9 +32,7 @@ export const AccountBio: React.FC = ({ if (!account) { return ''; } - return isFeatureEnabled('modern_emojis') - ? account.note - : account.note_emojified; + return isModernEmojiEnabled() ? account.note : account.note_emojified; }); const extraEmojis = useAppSelector((state) => { const account = state.accounts.get(accountId); diff --git a/app/javascript/flavours/glitch/components/status_content.jsx b/app/javascript/flavours/glitch/components/status_content.jsx index 52a470e0de..b1f51c5933 100644 --- a/app/javascript/flavours/glitch/components/status_content.jsx +++ b/app/javascript/flavours/glitch/components/status_content.jsx @@ -13,9 +13,10 @@ import ChevronRightIcon from '@/material-icons/400-24px/chevron_right.svg?react' import { Icon } from 'flavours/glitch/components/icon'; import { Poll } from 'flavours/glitch/components/poll'; import { identityContextPropShape, withIdentity } from 'flavours/glitch/identity_context'; -import { autoPlayGif, isFeatureEnabled, languages as preloadedLanguages } from 'flavours/glitch/initial_state'; +import { autoPlayGif, languages as preloadedLanguages } from 'flavours/glitch/initial_state'; import { decode as decodeIDNA } from 'flavours/glitch/utils/idna'; import { EmojiHTML } from '../features/emoji/emoji_html'; +import { isModernEmojiEnabled } from '../utils/environment'; const MAX_HEIGHT = 706; // 22px * 32 (+ 2px padding at the top) @@ -80,7 +81,7 @@ const isLinkMisleading = (link) => { * @returns {string} */ export function getStatusContent(status) { - if (isFeatureEnabled('modern_emojis')) { + if (isModernEmojiEnabled()) { return status.getIn(['translation', 'content']) || status.get('content'); } return status.getIn(['translation', 'contentHtml']) || status.get('contentHtml'); diff --git a/app/javascript/flavours/glitch/features/emoji/emoji_html.tsx b/app/javascript/flavours/glitch/features/emoji/emoji_html.tsx index 82c245190e..c2cd527e62 100644 --- a/app/javascript/flavours/glitch/features/emoji/emoji_html.tsx +++ b/app/javascript/flavours/glitch/features/emoji/emoji_html.tsx @@ -5,8 +5,8 @@ import type { List as ImmutableList } from 'immutable'; import { isList } from 'immutable'; import type { ApiCustomEmojiJSON } from '@/flavours/glitch/api_types/custom_emoji'; -import { isFeatureEnabled } from '@/flavours/glitch/initial_state'; import type { CustomEmoji } from '@/flavours/glitch/models/custom_emoji'; +import { isModernEmojiEnabled } from '@/flavours/glitch/utils/environment'; import { useEmojiAppState } from './hooks'; import { emojifyElement } from './render'; @@ -25,7 +25,7 @@ export const EmojiHTML: React.FC = ({ extraEmojis, ...props }) => { - if (isFeatureEnabled('modern_emojis')) { + if (isModernEmojiEnabled()) { return (