diff --git a/src/components/DatePicker/Provider.jsx b/src/components/DatePicker/Provider.jsx index 4e0ed6059..c771c8c41 100644 --- a/src/components/DatePicker/Provider.jsx +++ b/src/components/DatePicker/Provider.jsx @@ -1,66 +1,73 @@ import React from "react"; import { ConfigProvider } from "antd"; +import { useTranslation } from "react-i18next"; +import { ANTD_LOCALE } from "components/constants"; import { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES } from "utils"; -const Provider = ({ children }) => ( - { + const { i18n } = useTranslation(); - // Global overrides - colorBgContainer: "rgb(var(--neeto-ui-white))", - colorBgElevated: "rgb(var(--neeto-ui-white))", - colorPrimary: "rgb(var(--neeto-ui-primary-500))", - colorPrimaryBorder: "rgb(var(--neeto-ui-primary-100))", - colorPrimaryHover: "rgb(var(--neeto-ui-primary-600))", - colorBorder: "rgb(var(--neeto-ui-gray-300))", - colorError: "rgb(var(--neeto-ui-error-500))", - colorErrorHover: "rgb(var(--neeto-ui-error-600))", - colorErrorOutline: "rgb(var(--neeto-ui-error-100))", - colorFillAlter: "rgb(var(--neeto-ui-gray-100))", - colorIcon: "rgb(var(--neeto-ui-gray-700))", - colorIconHover: "rgb(var(--neeto-ui-gray-800))", - colorLink: "rgb(var(--neeto-ui-primary-500))", - colorLinkHover: "rgb(var(--neeto-ui-primary-600))", - colorLinkActive: "rgb(var(--neeto-ui-primary-800))", - colorSplit: "rgb(var(--neeto-ui-gray-200))", - colorText: "rgb(var(--neeto-ui-gray-800))", - colorTextDescription: "rgb(var(--neeto-ui-gray-700))", - colorTextDisabled: "rgb(var(--neeto-ui-gray-500))", - colorTextHeading: "rgb(var(--neeto-ui-black))", - colorTextLightSolid: "rgb(var(--neeto-ui-white))", - colorTextPlaceholder: "rgb(var(--neeto-ui-gray-400))", - colorTextQuaternary: "rgb(var(--neeto-ui-gray-400))", - colorWarning: "rgb(var(--neeto-ui-warning-500))", - colorWarningHover: "rgb(var(--neeto-ui-warning-600))", - colorWarningOutline: "rgb(var(--neeto-ui-warning-100))", - controlItemBgActive: "rgb(var(--neeto-ui-pastel-purple))", - controlItemBgHover: "rgb(var(--neeto-ui-gray-100))", - controlOutline: "rgb(var(--neeto-ui-gray-300))", + return ( + - {children} - -); + }} + > + {children} + + ); +}; export default Provider; diff --git a/src/components/Slider/index.jsx b/src/components/Slider/index.jsx index 3ddcfe26b..ec0d43ef3 100644 --- a/src/components/Slider/index.jsx +++ b/src/components/Slider/index.jsx @@ -2,7 +2,9 @@ import React from "react"; import { Slider as AntdSlider, ConfigProvider } from "antd"; import PropTypes from "prop-types"; +import { useTranslation } from "react-i18next"; +import { ANTD_LOCALE } from "components/constants"; import Label from "components/Label"; import { useId } from "hooks"; import { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, hyphenize, noop } from "utils"; @@ -24,8 +26,11 @@ const Slider = ({ const errorId = `error_${id}`; const helpTextId = `helpText_${id}`; + const { i18n } = useTranslation(); + return ( { + const { i18n } = useTranslation(); const [containerHeight, setContainerHeight] = useState(null); const [headerHeight, setHeaderHeight] = useState(TABLE_DEFAULT_HEADER_HEIGHT); const [columns, setColumns] = useState(columnData); @@ -281,6 +284,7 @@ const Table = ({ const renderTable = () => ( ( - { + const { i18n } = useTranslation(); + + return ( + - - -); + }} + > + + + ); +}; Tree.propTypes = { /** diff --git a/src/components/TreeSelect.jsx b/src/components/TreeSelect.jsx index 4becd56e9..1a1f31c75 100644 --- a/src/components/TreeSelect.jsx +++ b/src/components/TreeSelect.jsx @@ -8,6 +8,7 @@ import { useTranslation } from "react-i18next"; import { ANT_DESIGN_GLOBAL_TOKEN_OVERRIDES, getLocale } from "utils"; +import { ANTD_LOCALE } from "./constants"; import Label from "./Label"; const TreeSelect = forwardRef( @@ -40,6 +41,7 @@ const TreeSelect = forwardRef( return (