diff --git a/packages/module/src/ErrorBoundary/ErrorBoundary.tsx b/packages/module/src/ErrorBoundary/ErrorBoundary.tsx index 9c7846f6..9c47cb29 100644 --- a/packages/module/src/ErrorBoundary/ErrorBoundary.tsx +++ b/packages/module/src/ErrorBoundary/ErrorBoundary.tsx @@ -4,7 +4,7 @@ import ErrorState from '../ErrorState'; import ErrorStack from '../ErrorStack'; export interface ErrorPageProps { - /** The title to display on the error page */ + /** Title to display on the error page */ headerTitle: string; /** Indicates if this is a silent error */ silent?: boolean; diff --git a/packages/module/src/ErrorStack/ErrorStack.tsx b/packages/module/src/ErrorStack/ErrorStack.tsx index 49ad4712..1d84bb1d 100644 --- a/packages/module/src/ErrorStack/ErrorStack.tsx +++ b/packages/module/src/ErrorStack/ErrorStack.tsx @@ -1,9 +1,13 @@ import * as React from 'react'; +import clsx from 'clsx'; import { Text } from '@patternfly/react-core'; import { createUseStyles } from 'react-jss'; export interface ErrorStackProps { + /** Error object to be displayed in the stack */ error: Error; + /** Custom className */ + className?: string; } const useStyles = createUseStyles({ @@ -19,11 +23,12 @@ const useStyles = createUseStyles({ }, }) -export const ErrorStack: React.FunctionComponent = ({ error }) => { +export const ErrorStack: React.FunctionComponent = ({ error, className, ...props }) => { const classes = useStyles(); + if (error.stack) { return ( - + {error.stack.split('\n').map((line) => (
{line}
))} @@ -35,7 +40,7 @@ export const ErrorStack: React.FunctionComponent = ({ error }) return ( <> {error.name} - + {error.message} diff --git a/packages/module/src/NotAuthorized/NotAuthorized.tsx b/packages/module/src/NotAuthorized/NotAuthorized.tsx index f4691095..dcb86117 100644 --- a/packages/module/src/NotAuthorized/NotAuthorized.tsx +++ b/packages/module/src/NotAuthorized/NotAuthorized.tsx @@ -17,7 +17,7 @@ export interface NotAuthorizedProps extends Omit = ( { count, className, + iconSize= 'md', ...props }: TagCountProps) => { const classes = useStyles(); const tagClasses = clsx(classes.buttonTagCount, className); return (