This commit is contained in:
Saoud Rizwan
2024-10-03 23:43:19 -04:00
parent cfefd1b798
commit ecff59004d

View File

@@ -60,13 +60,27 @@ const OpenRouterModelPicker: React.FC = () => {
id="model-search" id="model-search"
placeholder="Search and select a model..." placeholder="Search and select a model..."
value={searchTerm} value={searchTerm}
onChange={(e) => { onInput={(e) => {
setSearchTerm((e.target as HTMLInputElement).value) setSearchTerm((e.target as HTMLInputElement).value)
setIsDropdownVisible(true) setIsDropdownVisible(true)
}} }}
onFocus={() => setIsDropdownVisible(true)} onFocus={() => setIsDropdownVisible(true)}
style={{ width: "100%", zIndex: 1001 }} style={{ width: "100%", zIndex: 1001 }}>
/> {searchTerm && (
<div
className="input-icon-button codicon codicon-close"
aria-label="Clear search"
onClick={() => setSearchTerm("")}
slot="end"
style={{
display: "flex",
justifyContent: "center",
alignItems: "center",
height: "100%",
}}
/>
)}
</VSCodeTextField>
{isDropdownVisible && ( {isDropdownVisible && (
<DropdownList> <DropdownList>
{filteredModelIds.map((modelId) => ( {filteredModelIds.map((modelId) => (