fix: improve repo picker filtering and selection behavior

All-Hands-AI · Dec 24, 2024 · d9fdd4a · d9fdd4a
1 parent e2a82de
commit d9fdd4a
Showing 1 changed file with 10 additions and 7 deletions.
diff --git a/frontend/src/components/features/github/github-repo-selector.tsx b/frontend/src/components/features/github/github-repo-selector.tsx
@@ -71,6 +71,7 @@ export function GitHubRepositorySelector({
       aria-label="GitHub Repository"
       placeholder="Select a GitHub project"
       selectedKey={selectedKey}
+      items={finalRepositories}
       inputProps={{
         classNames: {
           inputWrapper:
@@ -94,19 +95,21 @@ export function GitHubRepositorySelector({
           </a>
         ) : undefined,
       }}
+      defaultItems={finalRepositories}
     >
-      {finalRepositories.map((repo) => (
+      {(item) => (
         <AutocompleteItem
           data-testid="github-repo-item"
-          key={repo.id}
-          value={repo.id}
+          key={item.id}
+          value={item.id}
+          className="data-[selected=true]:bg-default-100"
         >
-          {repo.full_name}
-          {repo.fromPublicRepoSearch && repo.stargazers_count !== undefined && (
-            <span className="ml-1 text-gray-400">({repo.stargazers_count}⭐)</span>
+          {item.full_name}
+          {item.fromPublicRepoSearch && item.stargazers_count !== undefined && (
+            <span className="ml-1 text-gray-400">({item.stargazers_count}⭐)</span>
           )}
         </AutocompleteItem>
-      ))}
+      )}
     </Autocomplete>
   );
 }