narayana/simple-translate
3
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Open with DeepL translator on error

Browse source
This commit is contained in:
sienori 2022-03-03 23:11:04 +09:00
parent c5cc4caaf9
commit 3eeff8e8b4
3 changed files with 24 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/_locales/en/messages.json
View file

@ -26,6 +26,9 @@
"openInGoogleLabel": { "openInGoogleLabel": {
"message": "Open in Google Translate" "message": "Open in Google Translate"
}, },
"openInDeeplLabel": {
"message": "Open in DeepL Translator"
},
"copyLabel": { "copyLabel": {
"message": "Copy" "message": "Copy"
}, },

14
src/content/components/TranslatePanel.js
View file

@ -184,6 +184,7 @@ export default class TranslatePanel extends Component {
const candidateStyles = { const candidateStyles = {
color: getSettings("candidateFontColor") color: getSettings("candidateFontColor")
}; };
const translationApi = getSettings("translationApi");
return ( return (
<div <div
@ -204,11 +205,14 @@ export default class TranslatePanel extends Component {
<p className="simple-translate-error" style={candidateStyles}> <p className="simple-translate-error" style={candidateStyles}>
{errorMessage} {errorMessage}
<br /> <br />
<a <a href={translationApi === "google" ?
href={`https://translate.google.com/?sl=auto&tl=${currentLang}&text=${encodeURIComponent(selectedText)}`} `https://translate.google.com/?sl=auto&tl=${currentLang}&text=${encodeURIComponent(selectedText)}` :
target="_blank" `https://www.deepl.com/translator#auto/${currentLang}/${encodeURIComponent(selectedText)}`
> }
{browser.i18n.getMessage("openInGoogleLabel")} target="_blank">
{translationApi === "google" ?
browser.i18n.getMessage("openInGoogleLabel") :
browser.i18n.getMessage("openInDeeplLabel")}
</a> </a>
</p> </p>
)} )}

14
src/popup/components/ResultArea.js
View file

@ -14,11 +14,16 @@ const splitLine = text => {
export default props => { export default props => {
const { resultText, candidateText, isError, errorMessage, targetLang } = props; const { resultText, candidateText, isError, errorMessage, targetLang } = props;
const shouldShowCandidate = getSettings("ifShowCandidate"); const shouldShowCandidate = getSettings("ifShowCandidate");
const translationApi = getSettings("translationApi");
console.log(translationApi);
const handleLinkClick = () => { const handleLinkClick = () => {
const { inputText, targetLang } = props; const { inputText, targetLang } = props;
const encodedText = encodeURIComponent(inputText); const encodedText = encodeURIComponent(inputText);
const translateUrl = `https://translate.google.com/?sl=auto&tl=${targetLang}&text=${encodedText}`; const translateUrl = translationApi === "google" ?
`https://translate.google.com/?sl=auto&tl=${targetLang}&text=${encodedText}` :
`https://www.deepl.com/translator#auto/${targetLang}/${encodedText}`
;
openUrl(translateUrl); openUrl(translateUrl);
}; };
@ -29,7 +34,12 @@ export default props => {
{isError && <p className="error">{errorMessage}</p>} {isError && <p className="error">{errorMessage}</p>}
{isError && ( {isError && (
<p className="translateLink"> <p className="translateLink">
<a onClick={handleLinkClick}>{browser.i18n.getMessage("openInGoogleLabel")}</a> <a onClick={handleLinkClick}>
{translationApi === "google" ?
browser.i18n.getMessage("openInGoogleLabel") :
browser.i18n.getMessage("openInDeeplLabel")
}
</a>
</p> </p>
)} )}
<div className="mediaButtons"> <div className="mediaButtons">