Merge pull request #533 from edewit/issue-459

changed all cancel buttons to type "link"

src/authentication/DuplicateFlowModal.tsx

@@ -80,7 +80,7 @@ export const DuplicateFlowModal = ({
         <Button
           id="modal-cancel"
           key="cancel"
-          variant={ButtonVariant.secondary}
+          variant={ButtonVariant.link}
           onClick={() => {
             toggleDialog();
           }}

src/client-scopes/ChangeTypeDialog.tsx

@@ -41,11 +41,7 @@ export const ChangeTypeDialog = ({
         >
           {t("common:continue")}
         </Button>,
-        <Button
+        <Button key="cancel" variant={ButtonVariant.link} onClick={onClose}>
-          key="cancel"
-          variant={ButtonVariant.secondary}
-          onClick={onClose}
-        >
           {t("common:cancel")}
         </Button>,
       ]}

src/client-scopes/add/MapperDialog.tsx

@@ -93,7 +93,7 @@ export const AddMapperDialog = (props: AddMapperDialogProps) => {
               <Button
                 id="modal-cancel"
                 key="cancel"
-                variant={ButtonVariant.secondary}
+                variant={ButtonVariant.link}
                 onClick={() => {
                   props.toggleDialog();
                 }}

src/client-scopes/add/__tests__/__snapshots__/MapperDialog.test.tsx.snap

@@ -26,7 +26,7 @@ exports[`<MapperDialog/> should have disabled add button when nothing is selecte
           <Button
             id="modal-cancel"
             onClick={[Function]}
-            variant="secondary"
+            variant="link"
           >
             cancel
           </Button>,
@@ -1052,8 +1052,8 @@ exports[`<MapperDialog/> should have disabled add button when nothing is selecte
                     </button>
                     <button
                       aria-disabled="false"
-                      class="pf-c-button pf-m-secondary"
+                      class="pf-c-button pf-m-link"
-                      data-ouia-component-id="OUIA-Generated-Button-secondary-1"
+                      data-ouia-component-id="OUIA-Generated-Button-link-1"
                       data-ouia-component-type="PF4/Button"
                       data-ouia-safe="true"
                       id="modal-cancel"
@@ -1081,7 +1081,7 @@ exports[`<MapperDialog/> should have disabled add button when nothing is selecte
               <Button
                 id="modal-cancel"
                 onClick={[Function]}
-                variant="secondary"
+                variant="link"
               >
                 cancel
               </Button>,
@@ -20303,13 +20303,13 @@ exports[`<MapperDialog/> should have disabled add button when nothing is selecte
                             id="modal-cancel"
                             key="cancel"
                             onClick={[Function]}
-                            variant="secondary"
+                            variant="link"
                           >
                             <button
                               aria-disabled={false}
                               aria-label={null}
-                              className="pf-c-button pf-m-secondary"
+                              className="pf-c-button pf-m-link"
-                              data-ouia-component-id="OUIA-Generated-Button-secondary-1"
+                              data-ouia-component-id="OUIA-Generated-Button-link-1"
                               data-ouia-component-type="PF4/Button"
                               data-ouia-safe={true}
                               disabled={false}

src/clients/advanced/AddHostDialog.tsx

@@ -71,7 +71,7 @@ export const AddHostDialog = ({
         <Button
           id="add-node-cancel"
           key="cancel"
-          variant={ButtonVariant.secondary}
+          variant={ButtonVariant.link}
           onClick={() => onClose()}
         >
           {t("common:cancel")}

src/clients/scopes/AddScopeDialog.tsx

@@ -79,7 +79,7 @@ export const AddScopeDialog = ({
         <Button
           id="modal-cancel"
           key="cancel"
-          variant={ButtonVariant.secondary}
+          variant={ButtonVariant.link}
           onClick={() => {
             setRows([]);
             toggleDialog();

src/groups/GroupsModal.tsx

@@ -77,7 +77,7 @@ export const GroupsModal = ({
         <Button
           id="modal-cancel"
           key="cancel"
-          variant={ButtonVariant.secondary}
+          variant={ButtonVariant.link}
           onClick={() => {
             handleModalToggle();
           }}

src/groups/MembersModal.tsx

@@ -82,7 +82,7 @@ export const MemberModal = ({ groupId, onClose }: MemberModalProps) => {
         <Button
           data-testid="cancel"
           key="cancel"
-          variant="secondary"
+          variant="link"
           onClick={onClose}
         >
           {t("common:cancel")}

src/groups/MoveGroupDialog.tsx

@@ -92,7 +92,7 @@ export const MoveGroupDialog = ({
         <Button
           data-testid="moveCancel"
           key="cancel"
-          variant="secondary"
+          variant="link"
           onClick={onClose}
         >
           {t("common:cancel")}