From 07d01c49c0c3495158592db482f9d55284d2114d Mon Sep 17 00:00:00 2001
From: seiwailai <laiseiwai@gmail.com>
Date: Thu, 29 Apr 2021 15:50:53 +0800
Subject: [PATCH] ProjectListItem: Disabled sync button and render tooltip on
 sync.

Added feature of disabling sync button when users click sync button and rendering tooltip when disabled sync button on hover.
---
 .../src/screens/Project/ProjectList/ProjectListItem.jsx      | 5 ++++-
 .../src/screens/Project/ProjectList/ProjectListItem.test.jsx | 4 ++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.jsx b/awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.jsx
index ebdb83e36c..f291a00403 100644
--- a/awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.jsx
+++ b/awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.jsx
@@ -169,7 +169,10 @@ function ProjectListItem({
             visible={project.summary_fields.user_capabilities.start}
             tooltip={i18n._(t`Sync Project`)}
           >
-            <ProjectSyncButton projectId={project.id} />
+            <ProjectSyncButton
+              projectId={project.id}
+              lastJobStatus={project.summary_fields.last_job.status}
+            />
           </ActionItem>
           <ActionItem
             visible={project.summary_fields.user_capabilities.edit}
diff --git a/awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.test.jsx b/awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.test.jsx
index 98c6ed86ec..f34ba4637d 100644
--- a/awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.test.jsx
+++ b/awx/ui_next/src/screens/Project/ProjectList/ProjectListItem.test.jsx
@@ -342,6 +342,10 @@ describe('<ProjectsListItem />', () => {
                   description: '',
                   name: 'Mock org',
                 },
+                last_job: {
+                  id: 9000,
+                  status: 'successful',
+                },
                 user_capabilities: {
                   start: true,
                 },