woocommerce/plugins/woocommerce-blocks/packages/checkout/components/store-notices-container/snackbar-notices.tsx

39 lines
923 B
TypeScript

/**
* External dependencies
*/
import classnames from 'classnames';
import SnackbarList from '@woocommerce/base-components/snackbar-list';
import { useDispatch } from '@wordpress/data';
import type { NoticeType } from '@woocommerce/types';
const SnackbarNotices = ( {
className,
notices,
}: {
className: string;
notices: NoticeType[];
} ): JSX.Element | null => {
const { removeNotice } = useDispatch( 'core/notices' );
return (
<SnackbarList
className={ classnames(
className,
'wc-block-components-notices__snackbar'
) }
notices={ notices }
onRemove={ ( noticeId: string ) => {
notices.forEach( ( notice ) => {
if ( notice.explicitDismiss && notice.id === noticeId ) {
removeNotice( notice.id, notice.context );
} else if ( ! notice.explicitDismiss ) {
removeNotice( notice.id, notice.context );
}
} );
} }
/>
);
};
export default SnackbarNotices;