Merge pull request #116 from fhlavac/variants

fix(WarningModal): Fix WarningModal button variant examples
patternfly · Feb 26, 2024 · 8b452e1 · 8b452e1
2 parents e230962 + c897366
commit 8b452e1
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/...content/extensions/component-groups/examples/WarningModal/WarningModalCheckboxExample.tsx b/...content/extensions/component-groups/examples/WarningModal/WarningModalCheckboxExample.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import WarningModal from '@patternfly/react-component-groups/dist/dynamic/WarningModal';
-import { Button } from '@patternfly/react-core';
+import { Button, ButtonVariant } from '@patternfly/react-core';
 
 export const BasicExample: React.FunctionComponent = () => {
   const [ isOpen, setIsOpen ] = React.useState(false);
@@ -13,7 +13,7 @@ export const BasicExample: React.FunctionComponent = () => {
       onConfirm={() => setIsOpen(false)}
       withCheckbox
       checkboxLabel='Are you sure?'
-      confirmButtonVariant
+      confirmButtonVariant={ButtonVariant.danger}
     >
       Your page contains unsaved changes. Do you want to leave?
     </WarningModal>

diff --git a/...s/content/extensions/component-groups/examples/WarningModal/WarningModalDangerExample.tsx b/...s/content/extensions/component-groups/examples/WarningModal/WarningModalDangerExample.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import WarningModal from '@patternfly/react-component-groups/dist/dynamic/WarningModal';
-import { Button } from '@patternfly/react-core';
+import { Button, ButtonVariant } from '@patternfly/react-core';
 
 export const BasicExample: React.FunctionComponent = () => {
   const [ isOpen, setIsOpen ] = React.useState(false);
@@ -9,7 +9,7 @@ export const BasicExample: React.FunctionComponent = () => {
     <WarningModal
       isOpen={isOpen}
       title='Unsaved changes'
-      confirmButtonVariant
+      confirmButtonVariant={ButtonVariant.danger}
       onClose={() => setIsOpen(false)}
       onConfirm={() => setIsOpen(false)}>
       Your page contains unsaved changes. Do you want to leave?