ChoChoX/suwayomi-material-you-webui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Migrate to lingui

Browse Source 
Switch to "lingui" for better DX.
Tried to persist existing languages as much as possible.

Removed "vite-plugin-node-polyfills" because it's incompatible with "lingui"
This commit is contained in:
schroda
2026-01-10 19:45:02 +01:00
parent c1ac58f4d6
commit 65a9a905be
287 changed files with 120766 additions and 37748 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/base/components/modals/ConfirmDialog.tsx
View File

@@ -10,11 +10,11 @@ import Dialog from '@mui/material/Dialog';
import DialogActions from '@mui/material/DialogActions';
import DialogContent from '@mui/material/DialogContent';
import DialogTitle from '@mui/material/DialogTitle';
import { useTranslation } from 'react-i18next';
import Button from '@mui/material/Button';
import Stack from '@mui/material/Stack';
import { AwaitableComponentProps } from 'awaitable-component';
import { Link as RouterLink } from 'react-router-dom';
import { useLingui } from '@lingui/react/macro';
type Action = {
show?: boolean;
@@ -43,7 +43,7 @@ export const ConfirmDialog = ({
actions?: Actions;
onExtra?: () => void;
}) => {
const { t } = useTranslation();
const { t } = useLingui();
const actions = {
extra: {
@@ -54,12 +54,12 @@ export const ConfirmDialog = ({
},
cancel: {
show: passedActions?.cancel?.show ?? true,
title: passedActions?.cancel?.title ?? t('global.button.cancel'),
title: passedActions?.cancel?.title ?? t`Cancel`,
contain: passedActions?.cancel?.contain ?? false,
},
confirm: {
show: passedActions?.confirm?.show ?? true,
title: passedActions?.confirm?.title ?? t('global.button.ok'),
title: passedActions?.confirm?.title ?? t`Ok`,
contain:
!passedActions?.extra?.contain &&
!passedActions?.cancel?.contain &&

12
src/base/components/modals/LoginDialog.tsx
View File

@@ -9,13 +9,13 @@
import Dialog from '@mui/material/Dialog';
import { AwaitableComponent, AwaitableComponentProps } from 'awaitable-component';
import DialogTitle from '@mui/material/DialogTitle';
import { useTranslation } from 'react-i18next';
import DialogContent from '@mui/material/DialogContent';
import TextField from '@mui/material/TextField';
import { useState } from 'react';
import DialogActions from '@mui/material/DialogActions';
import Button from '@mui/material/Button';
import Typography from '@mui/material/Typography';
import { useLingui } from '@lingui/react/macro';
import { PasswordTextField } from '@/base/components/inputs/PasswordTextField.tsx';
export const LoginDialog = ({
@@ -42,7 +42,7 @@ export const LoginDialog = ({
serverAddress?: string;
withServerAddress?: boolean;
}) => {
const { t } = useTranslation();
const { t } = useLingui();
const [serverAddress, setServerAddress] = useState(initialServerAddress);
const [username, setUsername] = useState(initialUsername);
@@ -60,7 +60,7 @@ export const LoginDialog = ({
margin="dense"
id="serverAddress"
name="serverAddress"
label={t('settings.about.server.label.address')}
label={t`Server address`}
type="text"
fullWidth
variant="standard"
@@ -73,7 +73,7 @@ export const LoginDialog = ({
margin="dense"
id="username"
name="username"
label={t('global.label.username')}
label={t`Username`}
type="text"
fullWidth
variant="standard"
@@ -89,7 +89,7 @@ export const LoginDialog = ({
)}
</DialogContent>
<DialogActions>
<Button onClick={() => onSubmit()}>{t('global.button.cancel')}</Button>
<Button onClick={() => onSubmit()}>{t`Cancel`}</Button>
<Button
variant="contained"
disabled={
@@ -101,7 +101,7 @@ export const LoginDialog = ({
}
onClick={() => loginLogout(username, password, serverAddress)}
>
{t(isLoggedIn ? 'global.button.log_out' : 'global.button.log_in')}
{isLoggedIn ? t`Log out` : t`Log in`}
</Button>
</DialogActions>
</Dialog>