From 1561814fe5b99bc638a789dac573421484263120 Mon Sep 17 00:00:00 2001
From: Chaim Lev-Ari <chiptus@users.noreply.github.com>
Date: Sun, 28 Jan 2024 15:55:10 +0200
Subject: [PATCH] feat(gitops): add autocomplete to ref selector [EE-6245]
 (#10935)

---
 app/react/portainer/gitops/RefField/RefSelector.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/app/react/portainer/gitops/RefField/RefSelector.tsx b/app/react/portainer/gitops/RefField/RefSelector.tsx
index fc07b8223..4a62a4bc0 100644
--- a/app/react/portainer/gitops/RefField/RefSelector.tsx
+++ b/app/react/portainer/gitops/RefField/RefSelector.tsx
@@ -1,7 +1,7 @@
 import { StackId } from '@/react/common/stacks/types';
 import { useGitRefs } from '@/react/portainer/gitops/queries/useGitRefs';
 
-import { Select } from '@@/form-components/Input';
+import { PortainerSelect } from '@@/form-components/PortainerSelect';
 
 import { getAuthentication } from '../utils';
 
@@ -43,6 +43,11 @@ export function RefSelector({
           refs.unshift('refs/heads/main');
         }
 
+        if (refs.includes('refs/heads/master')) {
+          refs.splice(refs.indexOf('refs/heads/master'), 1);
+          refs.unshift('refs/heads/master');
+        }
+
         return refs.map((t: string) => ({
           value: t,
           label: t,
@@ -58,12 +63,11 @@ export function RefSelector({
   );
 
   return (
-    <Select
+    <PortainerSelect
       value={value}
       options={refs || [{ value: 'refs/heads/main', label: 'refs/heads/main' }]}
-      onChange={(e) => onChange(e.target.value)}
+      onChange={(e) => e && onChange(e)}
       data-cy="component-gitRefInput"
-      required
     />
   );
 }