From 6ee4365ee929abe0e023d29c607ad97a396624a8 Mon Sep 17 00:00:00 2001
From: Edward Balaj <edwardbalaj@outlook.com>
Date: Tue, 3 Mar 2026 14:37:37 +0100
Subject: [PATCH] fix(ui): use revisions dropdown panel for the applications
 sync (#22658)

Signed-off-by: Edward Balaj <edwardbalaj@outlook.com>
---
 .../application-sync-panel/application-sync-panel.tsx         | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/ui/src/app/applications/components/application-sync-panel/application-sync-panel.tsx b/ui/src/app/applications/components/application-sync-panel/application-sync-panel.tsx
index 6094886631268..586fb16391932 100644
--- a/ui/src/app/applications/components/application-sync-panel/application-sync-panel.tsx
+++ b/ui/src/app/applications/components/application-sync-panel/application-sync-panel.tsx
@@ -17,6 +17,7 @@ import {
     PRUNE_SOME_WARNING
 } from '../application-sync-options/application-sync-options';
 import {ComparisonStatusIcon, getAppDefaultSource, nodeKey} from '../utils';
+import {RevisionFormField} from '../revision-form-field/revision-form-field';
 
 import './application-sync-panel.scss';
 
@@ -30,6 +31,7 @@ export const ApplicationSyncPanel = ({application, selectedResource, hide}: {app
     const syncStrategy = {} as models.SyncStrategy;
     const [isPending, setPending] = React.useState(false);
     const source = getAppDefaultSource(application);
+    const repoType = source?.repoURL?.startsWith('oci://') ? 'oci' : source && Object.prototype.hasOwnProperty.call(source, 'chart') ? 'helm' : 'git';
 
     return (
         <Consumer>
@@ -252,7 +254,7 @@ export const ApplicationSyncPanel = ({application, selectedResource, hide}: {app
                                         Synchronizing application manifests from <a href={source.repoURL}>{source.repoURL}</a>
                                     </h6>
                                     <div className='argo-form-row'>
-                                        <FormField formApi={formApi} label='Revision' field='revision' component={Text} />
+                                        <RevisionFormField formApi={formApi} repoURL={source.repoURL} repoType={repoType} fieldValue='revision' />
                                     </div>
 
                                     <div className='argo-form-row'>