feat(localization): update and enhance localization files for multiple languages
- Updated localization files for various languages, including English, German, Spanish, Portuguese, and Chinese, to ensure consistency and accuracy across the application. - Added new keys and updated existing ones to support recent UI changes and features, particularly in project views, task lists, and admin center settings. - Enhanced the structure of localization files to improve maintainability and facilitate future updates. - Implemented performance optimizations in the frontend components to better handle localization data.
This commit is contained in:
@@ -1,4 +1,14 @@
|
||||
import { AutoComplete, Button, Drawer, Flex, Form, message, Select, Spin, Typography } from '@/shared/antd-imports';
|
||||
import {
|
||||
AutoComplete,
|
||||
Button,
|
||||
Drawer,
|
||||
Flex,
|
||||
Form,
|
||||
message,
|
||||
Select,
|
||||
Spin,
|
||||
Typography,
|
||||
} from '@/shared/antd-imports';
|
||||
import { useAppSelector } from '@/hooks/useAppSelector';
|
||||
import { useAppDispatch } from '@/hooks/useAppDispatch';
|
||||
import {
|
||||
|
||||
@@ -64,11 +64,11 @@ const PeopleDropdown: React.FC<PeopleDropdownProps> = ({
|
||||
const rect = buttonRef.current.getBoundingClientRect();
|
||||
const viewportHeight = window.innerHeight;
|
||||
const dropdownHeight = 280; // More accurate height: header(40) + max-height(192) + footer(40) + padding
|
||||
|
||||
|
||||
// Check if dropdown would go below viewport
|
||||
const spaceBelow = viewportHeight - rect.bottom;
|
||||
const shouldShowAbove = spaceBelow < dropdownHeight && rect.top > dropdownHeight;
|
||||
|
||||
|
||||
setDropdownPosition({
|
||||
top: shouldShowAbove ? rect.top - dropdownHeight - 4 : rect.bottom + 4,
|
||||
left: rect.left,
|
||||
@@ -338,4 +338,4 @@ const PeopleDropdown: React.FC<PeopleDropdownProps> = ({
|
||||
);
|
||||
};
|
||||
|
||||
export default PeopleDropdown;
|
||||
export default PeopleDropdown;
|
||||
|
||||
@@ -7,7 +7,7 @@ interface TooltipWrapperProps extends Omit<TooltipProps, 'children'> {
|
||||
|
||||
/**
|
||||
* TooltipWrapper - A wrapper component that helps avoid findDOMNode warnings in React StrictMode
|
||||
*
|
||||
*
|
||||
* This component ensures that the child element can properly receive refs from Ant Design's Tooltip
|
||||
* by wrapping it in a div with a ref when necessary.
|
||||
*/
|
||||
@@ -25,4 +25,4 @@ const TooltipWrapper = React.forwardRef<HTMLDivElement, TooltipWrapperProps>(
|
||||
|
||||
TooltipWrapper.displayName = 'TooltipWrapper';
|
||||
|
||||
export default TooltipWrapper;
|
||||
export default TooltipWrapper;
|
||||
|
||||
Reference in New Issue
Block a user