ৎ fix: More String Interpolations (#10798)

client/src/components/Chat/Menus/PresetsMenu.tsx

@@ -1,4 +1,5 @@
 import { useRef } from 'react';
+import { Trans } from 'react-i18next';
 import { BookCopy } from 'lucide-react';
 import { Content, Portal, Root, Trigger } from '@radix-ui/react-popover';
 import {
@@ -105,7 +106,11 @@ const PresetsMenu: FC = () => {
               <OGDialogTitle>{localize('com_ui_delete_preset')}</OGDialogTitle>
             </OGDialogHeader>
             <div className="w-full truncate">
-              {localize('com_ui_delete_confirm')} <strong>{presetToDelete.title}</strong>?
+              <Trans
+                i18nKey="com_ui_delete_confirm_strong"
+                values={{ title: presetToDelete.title }}
+                components={{ strong: <strong /> }}
+              />
             </div>
             <div className="flex justify-end gap-4 pt-4">
               <Button

client/src/components/Conversations/ConvoOptions/SharedLinkButton.tsx

@@ -1,4 +1,5 @@
 import { useState, useCallback } from 'react';
+import { Trans } from 'react-i18next';
 import { QrCode, RotateCw, Trash2 } from 'lucide-react';
 import {
   Button,
@@ -187,7 +188,7 @@ export default function SharedLinkButton({
         <OGDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
           <OGDialogTemplate
             showCloseButton={false}
-            title={localize('com_ui_delete_shared_link')}
+            title={localize('com_ui_delete_shared_link_heading')}
             className="max-w-[450px]"
             main={
               <>
@@ -197,7 +198,11 @@ export default function SharedLinkButton({
                       htmlFor="dialog-confirm-delete"
                       className="text-left text-sm font-medium"
                     >
-                      {localize('com_ui_delete_confirm')} <strong>&quot;{shareId}&quot;</strong>
+                      <Trans
+                        i18nKey="com_ui_delete_confirm_strong"
+                        values={{ title: shareId }}
+                        components={{ strong: <strong /> }}
+                      />
                     </Label>
                   </div>
                 </div>

client/src/components/Nav/SettingsTabs/Data/SharedLinks.tsx

@@ -1,4 +1,5 @@
 import { useCallback, useState, useMemo, useEffect } from 'react';
+import { Trans } from 'react-i18next';
 import debounce from 'lodash/debounce';
 import { useRecoilValue } from 'recoil';
 import { Link } from 'react-router-dom';
@@ -326,7 +327,7 @@ export default function SharedLinks() {
       <OGDialog open={isDeleteOpen} onOpenChange={setIsDeleteOpen}>
         <OGDialogTemplate
           showCloseButton={false}
-          title={localize('com_ui_delete_shared_link')}
+          title={localize('com_ui_delete_shared_link_heading')}
           className="max-w-[450px]"
           main={
             <>
@@ -336,7 +337,11 @@ export default function SharedLinks() {
               >
                 <div className="grid w-full items-center gap-2">
                   <Label htmlFor="dialog-confirm-delete" className="text-left text-sm font-medium">
-                    {localize('com_ui_delete_confirm')} <strong>{deleteRow?.title}</strong>
+                    <Trans
+                      i18nKey="com_ui_delete_confirm_strong"
+                      values={{ title: deleteRow?.title }}
+                      components={{ strong: <strong /> }}
+                    />
                   </Label>
                 </div>
               </div>

client/src/components/SidePanel/Memories/MemoryViewer.tsx

@@ -1,6 +1,7 @@
 /* Memories */
 import { useMemo, useState, useRef, useEffect } from 'react';
 import { Plus } from 'lucide-react';
+import { Trans } from 'react-i18next';
 import { matchSorter } from 'match-sorter';
 import { SystemRoles, PermissionTypes, Permissions } from 'librechat-data-provider';
 import {
@@ -120,7 +121,11 @@ const DeleteMemoryButton = ({ memory }: { memory: TUserMemory }) => {
         className="w-11/12 max-w-lg"
         main={
           <Label className="text-left text-sm font-medium">
-            {localize('com_ui_delete_confirm')} &quot;{memory.key}&quot;?
+            <Trans
+              i18nKey="com_ui_delete_confirm_strong"
+              values={{ title: memory.key }}
+              components={{ strong: <strong /> }}
+            />
           </Label>
         }
         selection={{

client/src/locales/en/translation.json

@@ -873,6 +873,7 @@
   "com_ui_delete_preset": "Delete Preset?",
   "com_ui_delete_prompt": "Delete Prompt?",
   "com_ui_delete_shared_link": "Delete Shared Link - {{title}}",
+  "com_ui_delete_shared_link_heading": "Delete Shared Link",
   "com_ui_delete_prompt_name": "Delete Prompt - {{name}}",
   "com_ui_delete_success": "Successfully deleted",
   "com_ui_delete_tool": "Delete Tool",