feat: add lingui/no-unlocalized-strings ESLint rule and fix translations (#16610)
## Summary
This PR adds the `lingui/no-unlocalized-strings` ESLint rule to detect
untranslated strings and fixes translation issues across multiple
components.
## Changes
### ESLint Configuration (`eslint.config.react.mjs`)
- Added comprehensive `ignore` patterns for non-translatable strings
(CSS values, HTML attributes, technical identifiers)
- Added `ignoreNames` for props that don't need translation (className,
data-*, aria-*, etc.)
- Added `ignoreFunctions` for console methods, URL APIs, and other
non-user-facing functions
- Disabled rule for debug files, storybook, and test files
### Components Fixed (~19 files)
- Object record components (field inputs, pickers, merge dialogs)
- Settings components (accounts, admin panel)
- Serverless function components
- Record table and title cell components
## Status
🚧 **Work in Progress** - ~124 files remaining to fix
This PR is being submitted as draft to allow progressive fixing of
remaining translation issues.
## Testing
- Run `npx eslint "src/**/*.tsx"` in `packages/twenty-front` to check
remaining issues
This commit is contained in:
+2
-1
@@ -21,6 +21,7 @@ import { activeTabIdComponentState } from '@/ui/layout/tab-list/states/activeTab
|
||||
import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper';
|
||||
import { useRecoilComponentValue } from '@/ui/utilities/state/component-state/hooks/useRecoilComponentValue';
|
||||
import { useSetRecoilComponentState } from '@/ui/utilities/state/component-state/hooks/useSetRecoilComponentState';
|
||||
import { t } from '@lingui/core/macro';
|
||||
import styled from '@emotion/styled';
|
||||
import { isDefined } from 'twenty-shared/utils';
|
||||
import { useIsMobile } from 'twenty-ui/utilities';
|
||||
@@ -68,7 +69,7 @@ export const PageLayoutRendererContent = () => {
|
||||
|
||||
const handleAddTab = isPageLayoutInEditMode
|
||||
? () => {
|
||||
const newTabId = createPageLayoutTab('Untitled');
|
||||
const newTabId = createPageLayoutTab(t`Untitled`);
|
||||
setTabSettingsOpenTabId(newTabId);
|
||||
navigatePageLayoutCommandMenu({
|
||||
commandMenuPage: CommandMenuPages.PageLayoutTabSettings,
|
||||
|
||||
+4
-2
@@ -1,5 +1,6 @@
|
||||
import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
|
||||
import { type FieldsConfiguration } from '@/page-layout/types/FieldsConfiguration';
|
||||
import { useLingui } from '@lingui/react/macro';
|
||||
import { useMemo } from 'react';
|
||||
import { isDefined } from 'twenty-shared/utils';
|
||||
import { FieldMetadataType } from '~/generated-metadata/graphql';
|
||||
@@ -7,6 +8,7 @@ import { FieldMetadataType } from '~/generated-metadata/graphql';
|
||||
export const useTemporaryFieldsConfiguration = (
|
||||
objectNameSingular: string,
|
||||
): FieldsConfiguration | null => {
|
||||
const { t } = useLingui();
|
||||
const { objectMetadataItem } = useObjectMetadataItem({
|
||||
objectNameSingular,
|
||||
});
|
||||
@@ -37,13 +39,13 @@ export const useTemporaryFieldsConfiguration = (
|
||||
sections: [
|
||||
{
|
||||
id: `${objectNameSingular}-section-general`,
|
||||
title: 'General',
|
||||
title: t`General`,
|
||||
position: 0,
|
||||
fields,
|
||||
},
|
||||
],
|
||||
};
|
||||
}, [objectMetadataItem, objectNameSingular]);
|
||||
}, [objectMetadataItem, objectNameSingular, t]);
|
||||
|
||||
return configuration;
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user