diff --git a/src/components/Banner.tsx b/src/components/Banner.tsx index ac824b5a1..dbf14610e 100644 --- a/src/components/Banner.tsx +++ b/src/components/Banner.tsx @@ -8,16 +8,19 @@ export interface BannerProps { type: BannerTypes; message: ReactNode; onClose?: VoidFunction; + showIcon?: boolean; } export function Banner(props: BannerProps) { - const { type, message, onClose = false, ...others } = props; + const { type, message, onClose = false, showIcon = true, ...others } = props; const tid = useTestIds(others, "banner"); return (
- - - + {showIcon && ( + + + + )} {message} diff --git a/src/components/Icon.stories.tsx b/src/components/Icon.stories.tsx index 4bdfb8d29..ca1dd5ae6 100644 --- a/src/components/Icon.stories.tsx +++ b/src/components/Icon.stories.tsx @@ -29,6 +29,7 @@ export const Icon = (props: IconProps) => { "check", "search", "comment", + "commentFilled", "plus", "minus", "pencil", diff --git a/src/components/Icon.tsx b/src/components/Icon.tsx index dd2b08ee9..b5f6bde15 100644 --- a/src/components/Icon.tsx +++ b/src/components/Icon.tsx @@ -117,6 +117,9 @@ export const Icons = { comment: ( ), + commentFilled: ( + + ), plus: , minus: , pencil: (