@@ -2,6 +2,7 @@ import React, { useState, useEffect } from 'react';
2
2
import { Search , Check , ChevronDown , ChevronUp , X , Loader2 } from 'lucide-react' ;
3
3
import { AIService , ModelOption } from '../../services/ai-service' ;
4
4
import { SettingsService } from '../../services/settings-service' ;
5
+ import { useTranslation } from '../../hooks/useTranslation' ;
5
6
6
7
interface SelectModelDialogProps {
7
8
isOpen : boolean ;
@@ -18,6 +19,7 @@ export const SelectModelDialog: React.FC<SelectModelDialogProps> = ({
18
19
currentModelId,
19
20
currentProviderId
20
21
} ) => {
22
+ const { t } = useTranslation ( ) ;
21
23
const [ models , setModels ] = useState < ModelOption [ ] > ( [ ] ) ;
22
24
const [ isLoading , setIsLoading ] = useState < boolean > ( false ) ;
23
25
const [ searchQuery , setSearchQuery ] = useState < string > ( '' ) ;
@@ -119,7 +121,7 @@ export const SelectModelDialog: React.FC<SelectModelDialogProps> = ({
119
121
onClick = { ( e ) => e . stopPropagation ( ) }
120
122
>
121
123
< div className = "flex items-center justify-between pb-2 border-b frame-separator-border-color" >
122
- < h2 className = "p-2 text-xl font-semibold" > Select Model </ h2 >
124
+ < h2 className = "p-2 text-xl font-semibold" > { t ( 'selectModel.selectModel_title' ) } </ h2 >
123
125
< button
124
126
onClick = { onClose }
125
127
className = "p-2 rounded-full select-model-dialog-close-button"
@@ -133,7 +135,7 @@ export const SelectModelDialog: React.FC<SelectModelDialogProps> = ({
133
135
< div className = "relative flex-1 w-full" >
134
136
< input
135
137
type = "text"
136
- placeholder = "Search models..."
138
+ placeholder = { t ( 'selectModel.selectModel_search_placeholder' ) }
137
139
value = { searchQuery }
138
140
onChange = { handleSearch }
139
141
className = "w-full p-2 pl-10 rounded-md input-box"
0 commit comments