Merge pull request #7988 from nixocio/add_more_styles_delete_button

Update styles to delete button to be secondary 

Reviewed-by: Michael Abashian
             https://github.com/mabashian
This commit is contained in:
softwarefactory-project-zuul[bot] 2020-08-26 14:02:46 +00:00 committed by GitHub
commit 96e1920d36
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 10 additions and 10 deletions

View File

@ -85,7 +85,7 @@ function InventoryGroupDetail({ i18n, inventoryGroup }) {
{i18n._(t`Edit`)}
</Button>
<Button
variant="danger"
variant="secondary"
aria-label={i18n._(t`Delete`)}
onClick={() => setIsDeleteModalOpen(true)}
>

View File

@ -214,7 +214,7 @@ function InventoryGroupsList({ i18n }) {
<Tooltip content={renderTooltip()} position="top" key="delete">
<div>
<Button
variant="danger"
variant="secondary"
aria-label={i18n._(t`Delete`)}
onClick={toggleModal}
isDisabled={

View File

@ -59,7 +59,7 @@ describe('<SurveyList />', () => {
});
wrapper.update();
expect(wrapper.find('Button[variant="danger"]').prop('isDisabled')).toBe(
expect(wrapper.find('Button[variant="secondary"]').prop('isDisabled')).toBe(
true
);
expect(
@ -76,11 +76,11 @@ describe('<SurveyList />', () => {
expect(
wrapper.find('Checkbox[aria-label="Select all"]').prop('isChecked')
).toBe(true);
expect(wrapper.find('Button[variant="danger"]').prop('isDisabled')).toBe(
expect(wrapper.find('Button[variant="secondary"]').prop('isDisabled')).toBe(
false
);
act(() => {
wrapper.find('Button[variant="danger"]').invoke('onClick')();
wrapper.find('Button[variant="secondary"]').invoke('onClick')();
});
wrapper.update();
@ -148,7 +148,7 @@ describe('<SurveyList />', () => {
).toBe(true);
expect(wrapper.find('Switch').prop('isDisabled')).toBe(true);
expect(wrapper.find('ToolbarAddButton').prop('isDisabled')).toBe(true);
expect(wrapper.find('Button[variant="danger"]').prop('isDisabled')).toBe(
expect(wrapper.find('Button[variant="secondary"]').prop('isDisabled')).toBe(
true
);
});

View File

@ -65,7 +65,7 @@ function SurveyToolbar({
</ToolbarItem>
<ToolbarItem>
<Button
variant="danger"
variant="secondary"
isDisabled={isDeleteDisabled}
onClick={() => onToggleDeleteModal(true)}
>

View File

@ -21,7 +21,7 @@ describe('<SurveyToolbar />', () => {
);
});
expect(wrapper.find('Button[variant="danger"]').prop('isDisabled')).toBe(
expect(wrapper.find('Button[variant="secondary"]').prop('isDisabled')).toBe(
true
);
});
@ -43,7 +43,7 @@ describe('<SurveyToolbar />', () => {
expect(
wrapper.find('Checkbox[aria-label="Select all"]').prop('isChecked')
).toBe(true);
expect(wrapper.find('Button[variant="danger"]').prop('isDisabled')).toBe(
expect(wrapper.find('Button[variant="secondary"]').prop('isDisabled')).toBe(
false
);
});
@ -108,7 +108,7 @@ describe('<SurveyToolbar />', () => {
).toBe(true);
expect(wrapper.find('Switch').prop('isDisabled')).toBe(true);
expect(wrapper.find('ToolbarAddButton').prop('isDisabled')).toBe(true);
expect(wrapper.find('Button[variant="danger"]').prop('isDisabled')).toBe(
expect(wrapper.find('Button[variant="secondary"]').prop('isDisabled')).toBe(
true
);
});