refactor(translations): mostly finish upgrading to i18n v2

This commit is contained in:
Isaac
2024-06-18 00:04:07 +01:00
parent 287c9a1b18
commit 63443ab1cc
80 changed files with 541 additions and 534 deletions

View File

@@ -19,7 +19,7 @@ function AddModal({ urlError, iconError, addLink, closeModal, edit, editData, ed
? variables.getMessage('widgets.quicklinks.edit')
: variables.getMessage('widgets.quicklinks.new')}
</span>
<Tooltip title={variables.getMessage('modals.welcome.buttons.close')}>
<Tooltip title={variables.getMessage('welcome:buttons.close')}>
<div className="close" onClick={() => closeModal()}>
<MdClose />
</div>
@@ -56,7 +56,7 @@ function AddModal({ urlError, iconError, addLink, closeModal, edit, editData, ed
type="settings"
onClick={() => editLink(editData, name, url, icon)}
icon={<MdAddLink />}
label={variables.getMessage('modals.main.settings.sections.quicklinks.edit')}
label={variables.getMessage('settings:sections.quicklinks.edit')}
/>
) : (
<Button

View File

@@ -28,34 +28,34 @@ import {
} from 'react-icons/md';
const iconMapping = {
[variables.getMessage('modals.main.marketplace.product.overview')]: <Overview />,
[variables.getMessage('marketplace:product.overview')]: <Overview />,
[variables.getMessage('modals.main.navbar.settings')]: <Settings />,
[variables.getMessage('modals.main.navbar.addons')]: <Addons />,
[variables.getMessage('modals.main.navbar.marketplace')]: <Marketplace />,
[variables.getMessage('modals.main.settings.sections.appearance.navbar.title')]: <Navbar />,
[variables.getMessage('modals.main.settings.sections.greeting.title')]: <Greeting />,
[variables.getMessage('modals.main.settings.sections.time.title')]: <Time />,
[variables.getMessage('modals.main.settings.sections.quicklinks.title')]: <QuickLinks />,
[variables.getMessage('modals.main.settings.sections.quote.title')]: <Quote />,
[variables.getMessage('modals.main.settings.sections.date.title')]: <Date />,
[variables.getMessage('modals.main.settings.sections.message.title')]: <Message />,
[variables.getMessage('modals.main.settings.sections.background.title')]: <Background />,
[variables.getMessage('modals.main.settings.sections.search.title')]: <MdSearch />,
[variables.getMessage('modals.main.settings.sections.weather.title')]: <Weather />,
[variables.getMessage('modals.main.settings.sections.appearance.title')]: <Appearance />,
[variables.getMessage('modals.main.settings.sections.language.title')]: <Language />,
[variables.getMessage('modals.main.settings.sections.advanced.title')]: <Advanced />,
[variables.getMessage('modals.main.settings.sections.stats.title')]: <Stats />,
[variables.getMessage('modals.main.settings.sections.experimental.title')]: <Experimental />,
[variables.getMessage('modals.main.settings.sections.changelog.title')]: <Changelog />,
[variables.getMessage('modals.main.settings.sections.about.title')]: <About />,
[variables.getMessage('modals.main.addons.added')]: <Added />,
[variables.getMessage('modals.main.addons.create.title')]: <Create />,
[variables.getMessage('modals.main.marketplace.all')]: <Addons />,
[variables.getMessage('modals.main.marketplace.photo_packs')]: <Background />,
[variables.getMessage('modals.main.marketplace.quote_packs')]: <Quote />,
[variables.getMessage('modals.main.marketplace.preset_settings')]: <Advanced />,
[variables.getMessage('modals.main.marketplace.collections')]: <Collections />,
[variables.getMessage('settings:sections.appearance.navbar.title')]: <Navbar />,
[variables.getMessage('settings:sections.greeting.title')]: <Greeting />,
[variables.getMessage('settings:sections.time.title')]: <Time />,
[variables.getMessage('settings:sections.quicklinks.title')]: <QuickLinks />,
[variables.getMessage('settings:sections.quote.title')]: <Quote />,
[variables.getMessage('settings:sections.date.title')]: <Date />,
[variables.getMessage('settings:sections.message.title')]: <Message />,
[variables.getMessage('settings:sections.background.title')]: <Background />,
[variables.getMessage('settings:sections.search.title')]: <MdSearch />,
[variables.getMessage('settings:sections.weather.title')]: <Weather />,
[variables.getMessage('settings:sections.appearance.title')]: <Appearance />,
[variables.getMessage('settings:sections.language.title')]: <Language />,
[variables.getMessage('settings:sections.advanced.title')]: <Advanced />,
[variables.getMessage('settings:sections.stats.title')]: <Stats />,
[variables.getMessage('settings:sections.experimental.title')]: <Experimental />,
[variables.getMessage('settings:sections.changelog.title')]: <Changelog />,
[variables.getMessage('settings:sections.about.title')]: <About />,
[variables.getMessage('addons:added')]: <Added />,
[variables.getMessage('addons:create.title')]: <Create />,
[variables.getMessage('marketplace:all')]: <Addons />,
[variables.getMessage('marketplace:photo_packs')]: <Background />,
[variables.getMessage('marketplace:quote_packs')]: <Quote />,
[variables.getMessage('marketplace:preset_settings')]: <Advanced />,
[variables.getMessage('marketplace:collections')]: <Collections />,
};
function Tab({ label, currentTab, onClick, navbarTab }) {
@@ -72,20 +72,20 @@ function Tab({ label, currentTab, onClick, navbarTab }) {
const icon = iconMapping[label];
const divider = [
variables.getMessage('modals.main.settings.sections.weather.title'),
variables.getMessage('modals.main.settings.sections.language.title'),
variables.getMessage('modals.main.marketplace.all'),
variables.getMessage('modals.main.settings.sections.experimental.title'),
variables.getMessage('settings:sections.weather.title'),
variables.getMessage('settings:sections.language.title'),
variables.getMessage('marketplace:all'),
variables.getMessage('settings:sections.experimental.title'),
].includes(label);
const mue = [
variables.getMessage('modals.main.marketplace.product.overview'),
variables.getMessage('modals.main.addons.added'),
variables.getMessage('modals.main.marketplace.all'),
variables.getMessage('marketplace:product.overview'),
variables.getMessage('addons:added'),
variables.getMessage('marketplace:all'),
].includes(label);
if (
label === variables.getMessage('modals.main.settings.sections.experimental.title') &&
label === variables.getMessage('settings:sections.experimental.title') &&
!isExperimental
) {
return null;

View File

@@ -10,7 +10,7 @@ export const useTab = () => {
export const TabProvider = ({ children }) => {
const [activeTab, setActiveTab] = useState('settings');
const [subTab, setSubTab] = useState(
variables.getMessage('modals.main.marketplace.product.overview'),
variables.getMessage('marketplace:product.overview'),
);
const [subSection, setSubSection] = useState('');
const [direction, setDirection] = useState(1);
@@ -28,7 +28,7 @@ export const TabProvider = ({ children }) => {
setDirection(newIndex > currentIndex ? 1 : -1);
setSubTab(subtab);
if (tab === 'settings' && subtab === '' && section === '') {
setSubTab(variables.getMessage('modals.main.marketplace.product.overview'));
setSubTab(variables.getMessage('marketplace:product.overview'));
}
setActiveTab(tab);

View File

@@ -237,7 +237,7 @@ const TabNavbar = ({ modalClose }) => {
</div>
<Tooltip
style={{ marginLeft: 'auto', justifySelf: 'flex-end' }}
title={variables.getMessage('modals.welcome.buttons.close')}
title={variables.getMessage('welcome:buttons.close')}
key="closeTooltip"
>
<span className="closeModal" onClick={modalClose}>

View File

@@ -38,14 +38,14 @@ const Tabs = (props) => {
>
<div className="shareHeader">
<span className="title">
{variables.getMessage('modals.main.settings.reminder.title')}
{variables.getMessage('settings:reminder.title')}
</span>
<span className="closeModal" onClick={hideReminder}>
<MdClose />
</span>
</div>
<span className="subtitle">
{variables.getMessage('modals.main.settings.reminder.message')}
{variables.getMessage('settings:reminder.message')}
</span>
<button onClick={() => window.location.reload()}>
<MdRefresh />

View File

@@ -14,7 +14,7 @@ const Sidebar = memo(({ sections, currentTab, setCurrentTab }) => {
[setSubTab, setSubSection],
);
const hideReminder = () => {
localStorage.setItem('showReminder', false);
document.querySelector('.reminder-info').style.display = 'none';
@@ -28,14 +28,14 @@ const Sidebar = memo(({ sections, currentTab, setCurrentTab }) => {
>
<div className="shareHeader">
<span className="title">
{variables.getMessage('modals.main.settings.reminder.title')}
{variables.getMessage('settings:reminder.title')}
</span>
<span className="closeModal" onClick={hideReminder}>
<MdClose />
</span>
</div>
<span className="subtitle">
{variables.getMessage('modals.main.settings.reminder.message')}
{variables.getMessage('settings:reminder.message')}
</span>
<button onClick={() => window.location.reload()}>
<MdRefresh />

View File

@@ -15,10 +15,10 @@ function ResetModal({ modalClose }) {
<div className="smallModal">
<div className="shareHeader">
<span className="title">
{variables.getMessage('modals.main.settings.sections.advanced.reset_modal.title')}
{variables.getMessage('settings:sections.advanced.reset_modal.title')}
</span>
<Tooltip
title={variables.getMessage('modals.main.settings.sections.advanced.reset_modal.cancel')}
title={variables.getMessage('settings:sections.advanced.reset_modal.cancel')}
>
<div className="close" onClick={modalClose}>
<MdClose />
@@ -26,23 +26,23 @@ function ResetModal({ modalClose }) {
</Tooltip>
</div>
<span className="title">
{variables.getMessage('modals.main.settings.sections.advanced.reset_modal.question')}
{variables.getMessage('settings:sections.advanced.reset_modal.question')}
</span>
<span className="subtitle">
{variables.getMessage('modals.main.settings.sections.advanced.reset_modal.information')}
{variables.getMessage('settings:sections.advanced.reset_modal.information')}
</span>
<div className="resetFooter">
<Button
type="secondary"
onClick={modalClose}
icon={<MdClose />}
label={variables.getMessage('modals.main.settings.sections.advanced.reset_modal.cancel')}
label={variables.getMessage('settings:sections.advanced.reset_modal.cancel')}
/>
<Button
type="settings"
onClick={() => reset()}
icon={<MdRestartAlt />}
label={variables.getMessage('modals.main.settings.buttons.reset')}
label={variables.getMessage('settings:buttons.reset')}
/>
</div>
</div>

View File

@@ -42,7 +42,7 @@ function ShareModal({ modalClose, data }) {
<div className="smallModal">
<div className="shareHeader">
<span className="title">{variables.getMessage('widgets.quote.share')}</span>
<Tooltip title={variables.getMessage('modals.welcome.buttons.close')}>
<Tooltip title={variables.getMessage('welcome:buttons.close')}>
<div className="close" onClick={modalClose}>
<MdClose />
</div>