1.0.3 • Published 3 years ago
@neat-tech/react-notify v1.0.3
Neat notify
Implementation of notify library used to display notifications. Environment: mobile, frontend.
Installation
yarn add @neat-tech/react-notify
Usage
Neat notify provides useNotify
hook which allows to stack notifications on top of each other thanks to promise Ref.current in show function.
notify
has error
, success
, logAndError
types out of the box.
- Basic usage:
const logger = useLogger(); // in order to use automatic metadata logging, you must use hook from @neat/frontend to get logger
return (
// renderItem will display notification text
<NotificationsProvider logger={logger.error} renderItem={Snackbar}>
<Component />
</NotificationsProvider>
);
const Component = () => {
const notify = useNotify();
notify.success('Success');
};
- Customize your own type with notify.show function:
const useNotify = () => {
const notify = useNotifyBase() // use useNotify hook form library as base
const logger = useLogger()
return {
// you can create your own type and add here
info: (text: string) => {
logger.info(text)
notify.show('info', text)
},
}
}
const notify = useNotify()
...notify.info('Info')