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
42 lines
977 B
TypeScript
42 lines
977 B
TypeScript
import styled from '@emotion/styled';
|
|
import { t } from '@lingui/core/macro';
|
|
import { useInView } from 'react-intersection-observer';
|
|
|
|
type CustomResolverFetchMoreLoaderProps = {
|
|
loading: boolean;
|
|
onLastRowVisible: (...args: any[]) => any;
|
|
};
|
|
|
|
const StyledContainer = styled.div`
|
|
min-height: 1px;
|
|
`;
|
|
|
|
const StyledText = styled.div`
|
|
align-items: center;
|
|
box-shadow: none;
|
|
color: ${({ theme }) => theme.grayScale.gray9};
|
|
display: flex;
|
|
height: 32px;
|
|
margin-left: ${({ theme }) => theme.spacing(8)};
|
|
padding-left: ${({ theme }) => theme.spacing(2)};
|
|
`;
|
|
|
|
export const CustomResolverFetchMoreLoader = ({
|
|
loading,
|
|
onLastRowVisible,
|
|
}: CustomResolverFetchMoreLoaderProps) => {
|
|
const { ref: tbodyRef } = useInView({
|
|
onChange: (inView) => {
|
|
if (inView) {
|
|
onLastRowVisible();
|
|
}
|
|
},
|
|
});
|
|
|
|
return (
|
|
<StyledContainer ref={tbodyRef}>
|
|
{loading && <StyledText>{t`Loading more...`}</StyledText>}
|
|
</StyledContainer>
|
|
);
|
|
};
|