index.tsx
19 lines
| 1 | import {useSelect} from '@wordpress/data'; |
| 2 | import Notification from './Notification'; |
| 3 | import styles from './Notices.module.scss'; |
| 4 | |
| 5 | export default ({type}: {type: 'snackbar' | 'notice'}) => { |
| 6 | //@ts-ignore |
| 7 | const notifications = useSelect(select => select('givewp/campaign-notifications').getNotificationsByType(type)); |
| 8 | |
| 9 | if (!notifications.length) { |
| 10 | return null; |
| 11 | } |
| 12 | |
| 13 | return ( |
| 14 | <div className={styles[`${type}Container`]}> |
| 15 | {notifications.map(notification => <Notification notification={notification} />)} |
| 16 | </div> |
| 17 | ); |
| 18 | } |
| 19 |