diff --git a/client/src/components/Endpoints/BingAI/Settings.jsx b/client/src/components/Endpoints/BingAI/Settings.jsx index 19c5b7e75f..3a9671cc4a 100644 --- a/client/src/components/Endpoints/BingAI/Settings.jsx +++ b/client/src/components/Endpoints/BingAI/Settings.jsx @@ -6,6 +6,9 @@ import SelectDropDown from '../../ui/SelectDropDown'; import { cn } from '~/utils/'; import useDebounce from '~/hooks/useDebounce'; import { useUpdateTokenCountMutation } from '@librechat/data-provider'; +import { useRecoilValue } from 'recoil'; +import store from '~/store'; +import { localize } from '~/localization/Translation'; const defaultTextProps = 'rounded-md border border-gray-200 focus:border-slate-400 focus:bg-gray-50 bg-transparent text-sm shadow-[0_0_10px_rgba(0,0,0,0.05)] outline-none placeholder:text-gray-400 focus:outline-none focus:ring-gray-400 focus:ring-opacity-20 focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 dark:border-gray-500 dark:bg-gray-700 focus:dark:bg-gray-600 dark:text-gray-50 dark:shadow-[0_0_15px_rgba(0,0,0,0.10)] dark:focus:border-gray-400 dark:focus:outline-none dark:focus:ring-0 dark:focus:ring-gray-400 dark:focus:ring-offset-0'; @@ -20,6 +23,7 @@ function Settings(props) { const setToneStyle = (value) => setOption('toneStyle')(value.toLowerCase()); const debouncedContext = useDebounce(context, 250); const updateTokenCountMutation = useUpdateTokenCountMutation(); + const lang = useRecoilValue(store.lang); useEffect(() => { if (!debouncedContext || debouncedContext.trim() === '') { @@ -48,7 +52,7 @@ function Settings(props) {