Allow ErrorModal to set Error props

openstax · Oct 18, 2023 · a0977ad · a0977ad
1 parent 37f0f76
commit a0977ad
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/src/components/ErrorModal.tsx b/src/components/ErrorModal.tsx
@@ -2,11 +2,15 @@ import { Button } from "./Button";
 import { Modal, ModalFooter, ModalPropTypes } from "./Modal";
 import { Error } from "./Error";
 
-type ErrorModalProps = React.PropsWithChildren<Omit<ModalPropTypes, 'variant' | 'heading'>>;
+type ErrorModalProps = React.PropsWithChildren<Omit<ModalPropTypes, 'variant'>>;
 
 export const ErrorModal = (props: ErrorModalProps) => {
-  return <Modal {...props} variant='error' heading='Error'>
-    <Error />
+  const { children, heading, ...modalProps } = props;
+
+  return <Modal {...modalProps} variant='error' heading='Error'>
+    <Error heading={heading}>
+      {children}
+    </Error>
     <ModalFooter><Button onClick={props.onModalClose}>OK</Button></ModalFooter>
   </Modal>;
 };