1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-29 23:58:06 +01:00
metamask-extension/ui/helpers/utils/switch-direction.js
2021-04-28 14:53:59 -05:00

36 lines
1.0 KiB
JavaScript

/**
* Switch the CSS stylesheet used between 'rtl' and 'ltr'
* @param {('ltr' | 'rtl' | 'auto')} direction - Text direction, either left-to-right (ltr) or right-to-left (rtl)
* @return {Promise<void>}
*/
const switchDirection = async (direction) => {
if (direction === 'auto') {
// eslint-disable-next-line no-param-reassign
direction = 'ltr';
}
let updatedLink;
Array.from(document.getElementsByTagName('link'))
.filter((link) => link.rel === 'stylesheet')
.forEach((link) => {
if (link.title === direction && link.disabled) {
link.disabled = false;
updatedLink = link;
} else if (link.title !== direction && !link.disabled) {
link.disabled = true;
}
});
if (updatedLink) {
return new Promise((resolve, reject) => {
updatedLink.onload = () => {
resolve();
};
updatedLink.onerror = () =>
reject(new Error(`Failed to load '${direction}' stylesheet`));
});
}
return undefined;
};
export default switchDirection;