Félix Malfait
1088f7bbab
## 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
53 lines
1.6 KiB
TypeScript
53 lines
1.6 KiB
TypeScript
import { useLingui } from '@lingui/react/macro';
|
|
|
|
import { isConfigVariablesInDbEnabledState } from '@/client-config/states/isConfigVariablesInDbEnabledState';
|
|
import { TextInput } from '@/ui/input/components/TextInput';
|
|
import styled from '@emotion/styled';
|
|
import { useRecoilValue } from 'recoil';
|
|
import { type ConfigVariableValue } from 'twenty-shared/types';
|
|
import { type ConfigVariable } from '~/generated/graphql';
|
|
import { ConfigVariableDatabaseInput } from './ConfigVariableDatabaseInput';
|
|
|
|
type ConfigVariableValueInputProps = {
|
|
variable: ConfigVariable;
|
|
value: ConfigVariableValue;
|
|
onChange: (value: string | number | boolean | string[] | null) => void;
|
|
disabled?: boolean;
|
|
};
|
|
|
|
const StyledValueContainer = styled.div`
|
|
width: 100%;
|
|
`;
|
|
|
|
export const ConfigVariableValueInput = ({
|
|
variable,
|
|
value,
|
|
onChange,
|
|
disabled,
|
|
}: ConfigVariableValueInputProps) => {
|
|
const { t } = useLingui();
|
|
const isConfigVariablesInDbEnabled = useRecoilValue(
|
|
isConfigVariablesInDbEnabledState,
|
|
);
|
|
|
|
return (
|
|
<StyledValueContainer>
|
|
{isConfigVariablesInDbEnabled && !variable.isEnvOnly ? (
|
|
<ConfigVariableDatabaseInput
|
|
label={t`Value`}
|
|
value={value}
|
|
onChange={onChange}
|
|
type={variable.type}
|
|
options={variable.options}
|
|
disabled={disabled}
|
|
placeholder={
|
|
disabled ? t`Undefined` : t`Enter a value to store in database`
|
|
}
|
|
/>
|
|
) : (
|
|
<TextInput value={String(value)} disabled label={t`Value`} fullWidth />
|
|
)}
|
|
</StyledValueContainer>
|
|
);
|
|
};
|