You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
55 lines
1.7 KiB
55 lines
1.7 KiB
import getFirstPreferredLangCode from '../../../app/scripts/lib/get-first-preferred-lang-code';
|
|
import { setupLocale } from '../..';
|
|
import switchDirection from './switch-direction';
|
|
|
|
const getLocaleContext = (currentLocaleMessages, enLocaleMessages) => {
|
|
return (key) => {
|
|
let message = currentLocaleMessages[key]?.message;
|
|
if (!message && enLocaleMessages[key]) {
|
|
message = enLocaleMessages[key].message;
|
|
}
|
|
return message;
|
|
};
|
|
};
|
|
|
|
export async function getErrorHtml(supportLink, metamaskState) {
|
|
let response, preferredLocale;
|
|
if (metamaskState?.currentLocale) {
|
|
preferredLocale = metamaskState.currentLocale;
|
|
response = await setupLocale(metamaskState.currentLocale);
|
|
} else {
|
|
preferredLocale = await getFirstPreferredLangCode();
|
|
response = await setupLocale(preferredLocale);
|
|
}
|
|
|
|
const textDirection = ['ar', 'dv', 'fa', 'he', 'ku'].includes(preferredLocale)
|
|
? 'rtl'
|
|
: 'auto';
|
|
|
|
switchDirection(textDirection);
|
|
const { currentLocaleMessages, enLocaleMessages } = response;
|
|
const t = getLocaleContext(currentLocaleMessages, enLocaleMessages);
|
|
|
|
return `
|
|
<div class="critical-error">
|
|
<div class="critical-error__alert">
|
|
<p class="critical-error__alert__message">
|
|
${t('troubleStarting')}
|
|
</p>
|
|
<button id='critical-error-button' class="critical-error__alert__button">
|
|
${t('restartMetamask')}
|
|
</button>
|
|
</div>
|
|
<p class="critical-error__paragraph">
|
|
${t('stillGettingMessage')}
|
|
<a
|
|
href=${supportLink}
|
|
class="critical-error__paragraph__link"
|
|
target="_blank"
|
|
rel="noopener noreferrer">
|
|
${t('sendBugReport')}
|
|
</a>
|
|
</p>
|
|
</div>
|
|
`;
|
|
}
|
|
|