pepepper/fluxer
1
0 Fork 0
mirror of https://github.com/fluxerapp/fluxer synced 2026-10-18 21:45:31 +09:00
Code Issues Packages Projects Releases Wiki Activity

fix(i18n): review translations and fix i18n library misuse (#2750)

Browse Source
This commit is contained in:
Hampus authored and GitHub committed 2026-09-13 22:58:09 +02:00
1 parent 78f783f0c4
commit 8cb097f954
575 files changed
+192671 -160540
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

fluxer_app/src/features/theme/components/modals/BackgroundImageGalleryModal.tsx
+12 -5
View File
@@ -3,7 +3,7 @@
import {showGenericErrorModal} from '@app/features/app/components/alerts/GenericErrorModalCommands';
import {ConfirmModal} from '@app/features/app/components/dialogs/ConfirmModal';
import * as Modal from '@app/features/app/components/dialogs/Modal';
import {BACKGROUND_MEDIA_MAX_SIZE_LABEL, PREMIUM_PRODUCT_NAME} from '@app/features/app/config/I18nDisplayConstants';
import {BACKGROUND_MEDIA_MAX_SIZE_BYTES, PREMIUM_PRODUCT_NAME} from '@app/features/app/config/I18nDisplayConstants';
import {useAnimatedMediaVideoPlayback} from '@app/features/app/hooks/useAnimatedMediaPlayback';
import {useShouldAnimate} from '@app/features/app/hooks/useShouldAnimate';
import RuntimeConfig from '@app/features/app/state/RuntimeConfig';
@@ -18,6 +18,7 @@ import {
import {isKeyboardActivationKey} from '@app/features/input/utils/KeyboardUtils';
import {NearViewportSurfaceContext, useNearViewport} from '@app/features/messaging/hooks/useNearViewport';
import {openFilePicker} from '@app/features/messaging/utils/FilePickerUtils';
import {formatFileSize} from '@app/features/messaging/utils/FileUtils';
import {Logger} from '@app/features/platform/utils/AppLogger';
import * as PremiumModalCommands from '@app/features/premium/commands/PremiumModalCommands';
import {shouldShowPremiumFeatures} from '@app/features/premium/utils/PremiumUtils';
@@ -53,6 +54,8 @@ import {
import {observer} from 'mobx-react-lite';
import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';
const MAX_BACKGROUND_SIZE_DESCRIPTOR = msg({message: 'Max size: {BACKGROUND_MEDIA_MAX_SIZE_LABEL}.'});
const BACKGROUND_DESCRIPTOR = msg({
message: 'Background',
comment: 'Button or menu action label in the background image gallery modal. Keep it concise.',
@@ -138,12 +141,14 @@ const UPLOAD_CUSTOM_BACKGROUND_DESCRIPTOR = msg({
comment: 'Button or menu action label in the background image gallery modal. Keep it concise.',
});
const CUSTOM_BACKGROUND_DESCRIPTOR = msg({
message: '{backgroundCount} / {maxBackgroundImages} custom background',
message:
'{backgroundCount} / {maxBackgroundImages} {backgroundCount, plural, one {custom background} other {custom backgrounds}}',
comment:
'Label in the background image gallery modal. Preserve {backgroundCount}, {maxBackgroundImages}; they are inserted by code.',
});
const CUSTOM_BACKGROUNDS_DESCRIPTOR = msg({
message: '{backgroundCount} / {maxBackgroundImages} custom backgrounds',
message:
'{backgroundCount} / {maxBackgroundImages} {backgroundCount, plural, one {custom background} other {custom backgrounds}}',
comment:
'Label in the background image gallery modal. Preserve {backgroundCount}, {maxBackgroundImages}; they are inserted by code.',
});
@@ -513,7 +518,7 @@ const BackgroundImageGalleryModal: React.FC = observer(() => {
title: () => i18n._(SOMETHING_WENT_WRONG_DESCRIPTOR),
message: () =>
i18n._(BACKGROUND_IMAGE_IS_TOO_LARGE_PLEASE_CHOOSE_A_DESCRIPTOR, {
backgroundMediaMaxSizeLabel: BACKGROUND_MEDIA_MAX_SIZE_LABEL,
backgroundMediaMaxSizeLabel: formatFileSize(i18n.locale, BACKGROUND_MEDIA_MAX_SIZE_BYTES),
}),
dataFlx: 'theme.background-image-gallery-modal.file-too-large-error-modal',
});
@@ -977,7 +982,9 @@ const BackgroundImageGalleryModal: React.FC = observer(() => {
: i18n._(CUSTOM_BACKGROUNDS_DESCRIPTOR, {backgroundCount, maxBackgroundImages})}
</div>
<div className={styles.infoText} data-flx="theme.background-image-gallery-modal.info-text">
<Trans>Max size: {BACKGROUND_MEDIA_MAX_SIZE_LABEL}.</Trans>
{i18n._(MAX_BACKGROUND_SIZE_DESCRIPTOR, {
BACKGROUND_MEDIA_MAX_SIZE_LABEL: formatFileSize(i18n.locale, BACKGROUND_MEDIA_MAX_SIZE_BYTES),
})}
</div>
{maxBackgroundImages === 1 && shouldShowPremiumFeatures() && (
<div className={styles.premiumUpsell} data-flx="theme.background-image-gallery-modal.premium-upsell">
fluxer_app/src/features/theme/state/ThemeLibrary.ts
+8 -1
View File
@@ -24,9 +24,16 @@ import {
setEnabledThemeIds,
} from '@app/features/theme/utils/ThemeLibraryDb';
import {getElectronAPI} from '@app/features/ui/utils/NativeUtils';
import {i18n} from '@lingui/core';
import {msg} from '@lingui/core/macro';
import {makeAutoObservable, runInAction} from 'mobx';
const logger = new Logger('ThemeLibrary');
const DUPLICATE_THEME_NAME_DESCRIPTOR = msg({
message: '{themeName} Copy',
comment:
'Name given to the copy created by the Duplicate button in the Theme Studio theme library. {themeName} is the name of the theme being duplicated.',
});
export type ThemeLibraryThemeSource = 'quick_css' | 'css_file' | 'desktop_directory' | 'shared_theme' | 'import';
@@ -311,7 +318,7 @@ class ThemeLibrary {
const duplicate: ThemeLibraryTheme = {
...existing,
id: createThemeLibraryId('theme'),
name: `${existing.name} Copy`,
name: i18n._(DUPLICATE_THEME_NAME_DESCRIPTOR, {themeName: existing.name}),
fileName: sanitizeFileName(existing.fileName.replace(/\.css$/i, '-copy.css')),
source: 'import',
createdAt: now(),