From 379824bbf716195a1d67684ac416c7b2278ff679 Mon Sep 17 00:00:00 2001
From: Marliana Lara <mlara@redhat.com>
Date: Thu, 4 Feb 2021 12:22:52 -0500
Subject: [PATCH] Update cancel buttons to link style

---
 .../AssociateModal/AssociateModal.jsx          |  2 +-
 .../components/DeleteButton/DeleteButton.jsx   |  2 +-
 .../DisassociateButton/DisassociateButton.jsx  |  2 +-
 .../FormActionGroup/FormActionGroup.jsx        |  2 +-
 awx/ui_next/src/components/Lookup/Lookup.jsx   |  2 +-
 .../PaginatedDataList/ToolbarDeleteButton.jsx  |  2 +-
 .../DeleteRoleConfirmationModal.jsx            |  2 +-
 .../DeleteRoleConfirmationModal.test.jsx.snap  | 18 +++++++++---------
 .../Credential/shared/CredentialForm.jsx       |  2 +-
 .../shared/InventoryGroupsDeleteModal.jsx      |  2 +-
 .../screens/Setting/shared/RevertAllAlert.jsx  |  2 +-
 .../Setting/shared/RevertFormActionGroup.jsx   |  2 +-
 .../screens/Team/TeamRoles/TeamRolesList.jsx   |  2 +-
 .../src/screens/Template/Survey/SurveyList.jsx |  2 +-
 .../Modals/DeleteAllNodesModal.jsx             |  2 +-
 .../Modals/LinkModals/LinkDeleteModal.jsx      |  2 +-
 .../Modals/LinkModals/LinkModal.jsx            |  2 +-
 .../Modals/NodeModals/NodeDeleteModal.jsx      |  2 +-
 .../screens/User/UserRoles/UserRolesList.jsx   |  2 +-
 19 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/awx/ui_next/src/components/AssociateModal/AssociateModal.jsx b/awx/ui_next/src/components/AssociateModal/AssociateModal.jsx
index bddb53b949..e0ba840994 100644
--- a/awx/ui_next/src/components/AssociateModal/AssociateModal.jsx
+++ b/awx/ui_next/src/components/AssociateModal/AssociateModal.jsx
@@ -112,7 +112,7 @@ function AssociateModal({
           <Button
             aria-label={i18n._(t`Cancel`)}
             key="cancel"
-            variant="secondary"
+            variant="link"
             onClick={handleClose}
           >
             {i18n._(t`Cancel`)}
diff --git a/awx/ui_next/src/components/DeleteButton/DeleteButton.jsx b/awx/ui_next/src/components/DeleteButton/DeleteButton.jsx
index 19e499952d..245e6ec54c 100644
--- a/awx/ui_next/src/components/DeleteButton/DeleteButton.jsx
+++ b/awx/ui_next/src/components/DeleteButton/DeleteButton.jsx
@@ -42,7 +42,7 @@ function DeleteButton({
           </Button>,
           <Button
             key="cancel"
-            variant="secondary"
+            variant="link"
             aria-label={i18n._(t`Cancel`)}
             onClick={() => setIsOpen(false)}
           >
diff --git a/awx/ui_next/src/components/DisassociateButton/DisassociateButton.jsx b/awx/ui_next/src/components/DisassociateButton/DisassociateButton.jsx
index 39943f88b4..273da865e2 100644
--- a/awx/ui_next/src/components/DisassociateButton/DisassociateButton.jsx
+++ b/awx/ui_next/src/components/DisassociateButton/DisassociateButton.jsx
@@ -118,7 +118,7 @@ function DisassociateButton({
             </Button>,
             <Button
               key="cancel"
-              variant="secondary"
+              variant="link"
               aria-label={i18n._(t`Cancel`)}
               onClick={() => setIsOpen(false)}
             >
diff --git a/awx/ui_next/src/components/FormActionGroup/FormActionGroup.jsx b/awx/ui_next/src/components/FormActionGroup/FormActionGroup.jsx
index 70a5c95f7d..43dc0be9e0 100644
--- a/awx/ui_next/src/components/FormActionGroup/FormActionGroup.jsx
+++ b/awx/ui_next/src/components/FormActionGroup/FormActionGroup.jsx
@@ -20,7 +20,7 @@ const FormActionGroup = ({ onCancel, onSubmit, submitDisabled, i18n }) => {
         </Button>
         <Button
           aria-label={i18n._(t`Cancel`)}
-          variant="secondary"
+          variant="link"
           type="button"
           onClick={onCancel}
         >
diff --git a/awx/ui_next/src/components/Lookup/Lookup.jsx b/awx/ui_next/src/components/Lookup/Lookup.jsx
index d5d86b9f4d..d6dea5e49e 100644
--- a/awx/ui_next/src/components/Lookup/Lookup.jsx
+++ b/awx/ui_next/src/components/Lookup/Lookup.jsx
@@ -138,7 +138,7 @@ function Lookup(props) {
           >
             {i18n._(t`Select`)}
           </Button>,
-          <Button key="cancel" variant="secondary" onClick={closeModal}>
+          <Button key="cancel" variant="link" onClick={closeModal}>
             {i18n._(t`Cancel`)}
           </Button>,
         ]}
diff --git a/awx/ui_next/src/components/PaginatedDataList/ToolbarDeleteButton.jsx b/awx/ui_next/src/components/PaginatedDataList/ToolbarDeleteButton.jsx
index 9c8958db80..f9afa31179 100644
--- a/awx/ui_next/src/components/PaginatedDataList/ToolbarDeleteButton.jsx
+++ b/awx/ui_next/src/components/PaginatedDataList/ToolbarDeleteButton.jsx
@@ -160,7 +160,7 @@ function ToolbarDeleteButton({
             </Button>,
             <Button
               key="cancel"
-              variant="secondary"
+              variant="link"
               aria-label={i18n._(t`cancel delete`)}
               onClick={toggleModal}
             >
diff --git a/awx/ui_next/src/components/ResourceAccessList/DeleteRoleConfirmationModal.jsx b/awx/ui_next/src/components/ResourceAccessList/DeleteRoleConfirmationModal.jsx
index 407ebdb499..7e5777c627 100644
--- a/awx/ui_next/src/components/ResourceAccessList/DeleteRoleConfirmationModal.jsx
+++ b/awx/ui_next/src/components/ResourceAccessList/DeleteRoleConfirmationModal.jsx
@@ -36,7 +36,7 @@ function DeleteRoleConfirmationModal({
         >
           {i18n._(t`Delete`)}
         </Button>,
-        <Button key="cancel" variant="secondary" onClick={onCancel}>
+        <Button key="cancel" variant="link" onClick={onCancel}>
           {i18n._(t`Cancel`)}
         </Button>,
       ]}
diff --git a/awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap b/awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap
index 88f00b20bb..caeea4e351 100644
--- a/awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap
+++ b/awx/ui_next/src/components/ResourceAccessList/__snapshots__/DeleteRoleConfirmationModal.test.jsx.snap
@@ -29,7 +29,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
         </Button>,
         <Button
           onClick={[Function]}
-          variant="secondary"
+          variant="link"
         >
           Cancel
         </Button>,
@@ -56,7 +56,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
             </Button>,
             <Button
               onClick={[Function]}
-              variant="secondary"
+              variant="link"
             >
               Cancel
             </Button>,
@@ -80,7 +80,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
               </Button>,
               <Button
                 onClick={[Function]}
-                variant="secondary"
+                variant="link"
               >
                 Cancel
               </Button>,
@@ -212,8 +212,8 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
                         </button>
                         <button
                           aria-disabled="false"
-                          class="pf-c-button pf-m-secondary"
-                          data-ouia-component-id="OUIA-Generated-Button-secondary-1"
+                          class="pf-c-button pf-m-link"
+                          data-ouia-component-id="OUIA-Generated-Button-link-1"
                           data-ouia-component-type="PF4/Button"
                           data-ouia-safe="true"
                           type="button"
@@ -239,7 +239,7 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
                   </Button>,
                   <Button
                     onClick={[Function]}
-                    variant="secondary"
+                    variant="link"
                   >
                     Cancel
                   </Button>,
@@ -517,13 +517,13 @@ exports[`<DeleteRoleConfirmationModal /> should render initially 1`] = `
                               <Button
                                 key="cancel"
                                 onClick={[Function]}
-                                variant="secondary"
+                                variant="link"
                               >
                                 <button
                                   aria-disabled={false}
                                   aria-label={null}
-                                  className="pf-c-button pf-m-secondary"
-                                  data-ouia-component-id="OUIA-Generated-Button-secondary-1"
+                                  className="pf-c-button pf-m-link"
+                                  data-ouia-component-id="OUIA-Generated-Button-link-1"
                                   data-ouia-component-type="PF4/Button"
                                   data-ouia-safe={true}
                                   disabled={false}
diff --git a/awx/ui_next/src/screens/Credential/shared/CredentialForm.jsx b/awx/ui_next/src/screens/Credential/shared/CredentialForm.jsx
index 5d5382cbe0..c352b0b7e0 100644
--- a/awx/ui_next/src/screens/Credential/shared/CredentialForm.jsx
+++ b/awx/ui_next/src/screens/Credential/shared/CredentialForm.jsx
@@ -270,7 +270,7 @@ function CredentialForm({
                   <Button
                     id="credential-form-cancel-button"
                     aria-label={i18n._(t`Cancel`)}
-                    variant="secondary"
+                    variant="link"
                     type="button"
                     onClick={onCancel}
                   >
diff --git a/awx/ui_next/src/screens/Inventory/shared/InventoryGroupsDeleteModal.jsx b/awx/ui_next/src/screens/Inventory/shared/InventoryGroupsDeleteModal.jsx
index b371cc31b5..07eda93f84 100644
--- a/awx/ui_next/src/screens/Inventory/shared/InventoryGroupsDeleteModal.jsx
+++ b/awx/ui_next/src/screens/Inventory/shared/InventoryGroupsDeleteModal.jsx
@@ -105,7 +105,7 @@ const InventoryGroupsDeleteModal = ({
             <Button
               aria-label={i18n._(t`Close`)}
               onClick={() => setIsModalOpen(false)}
-              variant="secondary"
+              variant="link"
               key="cancel"
             >
               {i18n._(t`Cancel`)}
diff --git a/awx/ui_next/src/screens/Setting/shared/RevertAllAlert.jsx b/awx/ui_next/src/screens/Setting/shared/RevertAllAlert.jsx
index 46ed00e8d6..96983f02e0 100644
--- a/awx/ui_next/src/screens/Setting/shared/RevertAllAlert.jsx
+++ b/awx/ui_next/src/screens/Setting/shared/RevertAllAlert.jsx
@@ -24,7 +24,7 @@ function RevertAllAlert({ i18n, onClose, onRevertAll }) {
         </Button>,
         <Button
           key="cancel"
-          variant="secondary"
+          variant="link"
           aria-label={i18n._(t`Cancel revert`)}
           onClick={onClose}
           ouiaId="cancel-revert-all-button"
diff --git a/awx/ui_next/src/screens/Setting/shared/RevertFormActionGroup.jsx b/awx/ui_next/src/screens/Setting/shared/RevertFormActionGroup.jsx
index 1e707090e2..6a5a61b64c 100644
--- a/awx/ui_next/src/screens/Setting/shared/RevertFormActionGroup.jsx
+++ b/awx/ui_next/src/screens/Setting/shared/RevertFormActionGroup.jsx
@@ -36,7 +36,7 @@ const RevertFormActionGroup = ({
         {children}
         <Button
           aria-label={i18n._(t`Cancel`)}
-          variant="secondary"
+          variant="link"
           type="button"
           onClick={onCancel}
           ouiaId="cancel-button"
diff --git a/awx/ui_next/src/screens/Team/TeamRoles/TeamRolesList.jsx b/awx/ui_next/src/screens/Team/TeamRoles/TeamRolesList.jsx
index a61e8c6f3d..1e65d52f54 100644
--- a/awx/ui_next/src/screens/Team/TeamRoles/TeamRolesList.jsx
+++ b/awx/ui_next/src/screens/Team/TeamRoles/TeamRolesList.jsx
@@ -205,7 +205,7 @@ function TeamRolesList({ i18n, me, team }) {
             </Button>,
             <Button
               key="cancel"
-              variant="secondary"
+              variant="link"
               aria-label={i18n._(t`Cancel`)}
               onClick={() => setRoleToDisassociate(null)}
             >
diff --git a/awx/ui_next/src/screens/Template/Survey/SurveyList.jsx b/awx/ui_next/src/screens/Template/Survey/SurveyList.jsx
index 399efe9922..45ff07dd79 100644
--- a/awx/ui_next/src/screens/Template/Survey/SurveyList.jsx
+++ b/awx/ui_next/src/screens/Template/Survey/SurveyList.jsx
@@ -107,7 +107,7 @@ function SurveyList({
         </Button>,
         <Button
           key="cancel"
-          variant="secondary"
+          variant="link"
           aria-label={i18n._(t`cancel delete`)}
           onClick={() => {
             setIsDeleteModalOpen(false);
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/DeleteAllNodesModal.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/DeleteAllNodesModal.jsx
index 57d177b75c..bae18f2011 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/DeleteAllNodesModal.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/DeleteAllNodesModal.jsx
@@ -22,7 +22,7 @@ function DeleteAllNodesModal({ i18n }) {
         <Button
           id="cancel-delete-all-nodes"
           key="cancel"
-          variant="secondary"
+          variant="link"
           aria-label={i18n._(t`Cancel node removal`)}
           onClick={() => dispatch({ type: 'TOGGLE_DELETE_ALL_NODES_MODAL' })}
         >
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkDeleteModal.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkDeleteModal.jsx
index ad3b08e2bb..e0f9252cbb 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkDeleteModal.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkDeleteModal.jsx
@@ -32,7 +32,7 @@ function LinkDeleteModal({ i18n }) {
           aria-label={i18n._(t`Cancel link removal`)}
           key="cancel"
           onClick={() => dispatch({ type: 'SET_LINK_TO_DELETE', value: null })}
-          variant="secondary"
+          variant="link"
         >
           {i18n._(t`Cancel`)}
         </Button>,
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkModal.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkModal.jsx
index ed11bf59c2..b3469e93dd 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkModal.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/LinkModals/LinkModal.jsx
@@ -36,7 +36,7 @@ function LinkModal({ header, i18n, onConfirm }) {
         <Button
           id="link-cancel"
           key="cancel"
-          variant="secondary"
+          variant="link"
           aria-label={i18n._(t`Cancel link changes`)}
           onClick={() => dispatch({ type: 'CANCEL_LINK_MODAL' })}
         >
diff --git a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeDeleteModal.jsx b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeDeleteModal.jsx
index c7fcbde268..2f150c3472 100644
--- a/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeDeleteModal.jsx
+++ b/awx/ui_next/src/screens/Template/WorkflowJobTemplateVisualizer/Modals/NodeModals/NodeDeleteModal.jsx
@@ -31,7 +31,7 @@ function NodeDeleteModal({ i18n }) {
         <Button
           id="cancel-node-removal"
           key="cancel"
-          variant="secondary"
+          variant="link"
           aria-label={i18n._(t`Cancel node removal`)}
           onClick={() => dispatch({ type: 'SET_NODE_TO_DELETE', value: null })}
         >
diff --git a/awx/ui_next/src/screens/User/UserRoles/UserRolesList.jsx b/awx/ui_next/src/screens/User/UserRoles/UserRolesList.jsx
index 9e6c8e9757..6ce20a7dd1 100644
--- a/awx/ui_next/src/screens/User/UserRoles/UserRolesList.jsx
+++ b/awx/ui_next/src/screens/User/UserRoles/UserRolesList.jsx
@@ -205,7 +205,7 @@ function UserRolesList({ i18n, user }) {
             </Button>,
             <Button
               key="cancel"
-              variant="secondary"
+              variant="link"
               aria-label={i18n._(t`Cancel`)}
               onClick={() => setRoleToDisassociate(null)}
             >