diff --git a/src/components/media-alt-modal.jsx b/src/components/media-alt-modal.jsx index 09f94db4..aa2cc042 100644 --- a/src/components/media-alt-modal.jsx +++ b/src/components/media-alt-modal.jsx @@ -1,11 +1,28 @@ import { Menu, MenuItem } from '@szhsin/react-menu'; import { useState } from 'preact/hooks'; +import { useSnapshot } from 'valtio'; + +import getTranslateTargetLanguage from '../utils/get-translate-target-language'; +import localeMatch from '../utils/locale-match'; +import states from '../utils/states'; import Icon from './icon'; import TranslationBlock from './translation-block'; export default function MediaAltModal({ alt, lang, onClose }) { + const snapStates = useSnapshot(states); const [forceTranslate, setForceTranslate] = useState(false); + const targetLanguage = getTranslateTargetLanguage(true); + const contentTranslationHideLanguages = + snapStates.settings.contentTranslationHideLanguages || []; + const differentLanguage = + !!lang && + lang !== targetLanguage && + !localeMatch([lang], [targetLanguage]) && + !contentTranslationHideLanguages.find( + (l) => lang === l || localeMatch([lang], [l]), + ); + return (