From 41650ed04315438205426e7ee2c8fb6c1312b374 Mon Sep 17 00:00:00 2001
From: Alexander Matyushentsev <Alexander_Matyushentsev@intuit.com>
Date: Wed, 24 Jul 2019 17:26:35 -0700
Subject: [PATCH] Issue #2000 - Repo whitelisting in UI does not support
 wildcards (#2010)

---
 .../components/project-edit-panel/project-edit-panel.scss | 2 +-
 .../components/project-edit-panel/project-edit-panel.tsx  | 8 ++++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/ui/src/app/settings/components/project-edit-panel/project-edit-panel.scss b/ui/src/app/settings/components/project-edit-panel/project-edit-panel.scss
index d2a073122e..bae8f21a5d 100644
--- a/ui/src/app/settings/components/project-edit-panel/project-edit-panel.scss
+++ b/ui/src/app/settings/components/project-edit-panel/project-edit-panel.scss
@@ -1,7 +1,7 @@
 .project-edit-panel {
     &__form-row {
         position: relative;
-        .argo-field {
+        input.argo-field {
             margin-top: 29px;
         }
 
diff --git a/ui/src/app/settings/components/project-edit-panel/project-edit-panel.tsx b/ui/src/app/settings/components/project-edit-panel/project-edit-panel.tsx
index 15149429b5..3f6720e360 100644
--- a/ui/src/app/settings/components/project-edit-panel/project-edit-panel.tsx
+++ b/ui/src/app/settings/components/project-edit-panel/project-edit-panel.tsx
@@ -2,7 +2,7 @@ import {FormField, FormSelect} from 'argo-ui';
 import * as React from 'react';
 import {Form, FormApi, Text} from 'react-form';
 
-import {clusterTitle, DataLoader} from '../../../shared/components';
+import {AutocompleteField, clusterTitle, DataLoader} from '../../../shared/components';
 import * as models from '../../../shared/models';
 import {ProjectParams, services} from '../../../shared/services';
 
@@ -52,7 +52,11 @@ export const ProjectEditPanel = (props: {
                         {(api.values.sourceRepos as Array<string>).map((_, i) => (
                             <div key={i} className='row project-edit-panel__form-row'>
                                 <div className='columns small-12'>
-                                    <FormSelect field={['sourceRepos', i]} options={repos}/>
+                                    <FormField formApi={api} field={`sourceRepos[${i}]`}
+                                        component={AutocompleteField} componentProps={{
+                                            items: repos,
+                                        }}
+                                    />
                                     <i className='fa fa-times' onClick={() => api.setValue('sourceRepos', removeEl(api.values.sourceRepos, i))}/>
                                 </div>
                             </div>