[projects] fix search input on /new

gitpod-io · Aug 25, 2021 · dec92c5 · dec92c5
1 parent fe14141
commit dec92c5
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/components/dashboard/src/projects/NewProject.tsx b/components/dashboard/src/projects/NewProject.tsx
@@ -214,9 +214,11 @@ export default function NewProject() {
     const renderSelectRepository = () => {
 
         const noReposAvailable = reposInAccounts.length === 0;
-        const filteredRepos = Array.from(reposInAccounts).filter(r => r.account === selectedAccount && r.name.includes(repoSearchFilter));
+        const filteredRepos = Array.from(reposInAccounts).filter(r => r.account === selectedAccount && `${r.name}`.toLowerCase().includes(repoSearchFilter.toLowerCase()));
         const icon = selectedAccount && accounts.get(selectedAccount)?.avatarUrl;
 
+        const showSearchInput = !!repoSearchFilter || filteredRepos.length > 0;
+
         const renderRepos = () => (<>
             <div className={`mt-10 border rounded-xl border-gray-100 flex-col`}>
                 <div className="px-8 pt-8 flex flex-col space-y-2">
@@ -229,7 +231,7 @@ export default function NewProject() {
                             <img src={CaretDown} title="Select Account" className="filter-grayscale absolute top-1/2 right-3" />
                         </div>
                     </ContextMenu>
-                    {filteredRepos.length > 0 && (
+                    {showSearchInput && (
                         <div className="w-full relative ">
                             <img src={search} title="Search" className="filter-grayscale absolute top-1/3 left-3" />
                             <input className="w-96 pl-10 border-0" type="text" placeholder="Search Repositories" value={repoSearchFilter}