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) => (