diff --git a/client/src/components/Chat/Input/PopoverButtons.tsx b/client/src/components/Chat/Input/PopoverButtons.tsx index ce053648d3..133638b236 100644 --- a/client/src/components/Chat/Input/PopoverButtons.tsx +++ b/client/src/components/Chat/Input/PopoverButtons.tsx @@ -3,6 +3,7 @@ import type { ReactNode } from 'react'; import { MessagesSquared, GPTIcon } from '~/components/svg'; import { useChatContext } from '~/Providers'; import { Button } from '~/components/ui'; +import { useLocalize } from '~/hooks'; import { cn } from '~/utils/'; type TPopoverButton = { @@ -26,6 +27,7 @@ export default function PopoverButtons({ showAgentSettings, setShowAgentSettings, } = useChatContext(); + const localize = useLocalize(); const { model, endpoint: _endpoint, endpointType } = conversation ?? {}; const endpoint = endpointType ?? _endpoint; @@ -42,7 +44,7 @@ export default function PopoverButtons({ const buttons: { [key: string]: TPopoverButton[] } = { [EModelEndpoint.google]: [ { - label: (showExamples ? 'Hide' : 'Show') + ' Examples', + label: localize(showExamples ? 'com_hide_examples' : 'com_show_examples'), buttonClass: isGenerativeModel || isTextModel ? 'disabled' : '', handler: triggerExamples, icon: , @@ -50,7 +52,9 @@ export default function PopoverButtons({ ], [EModelEndpoint.gptPlugins]: [ { - label: `Show ${showAgentSettings ? 'Completion' : 'Agent'} Settings`, + label: localize( + showAgentSettings ? 'com_show_completion_settings' : 'com_show_agent_settings', + ), buttonClass: '', handler: () => setShowAgentSettings((prev) => !prev), icon: , @@ -71,7 +75,7 @@ export default function PopoverButtons({
{endpointButtons.map((button, index) => (