description |
---|
This will embed an Push sidebar/modal to your UI which will show the Push notifications, easiest way to integrate Push with your dApp. |
This feature allows you to inject Push Notifications inside your dApp without having to actually write lot of code. This App injector is more or less like a 1 time setup and after that your app has to basically never upgrade to get latest features from the Push Notifications.
In App.js
of your App entry point
import { EmbedSDK } from "@epnsproject/frontend-sdk-staging";
add in HTML/JSX the below HTML tag -
<button id="sdk-trigger-id">trigger button</button>
or any component with the ID sdk-trigger-id
Make sure the ID you give to the "button" is same as that of the targetID you pass to the init() below
After the wallet connect happens in your app flow trigger the below code snippet.
useEffect(() => {
if (account) { // 'your connected wallet address'
EmbedSDK.init({
headerText: 'Hello DeFi', // optional
targetID: 'sdk-trigger-id', // mandatory
appName: 'consumerApp', // mandatory
user: account, // mandatory
viewOptions: {
type: 'sidebar', // optional [default: 'sidebar', 'modal']
showUnreadIndicator: true, // optional
unreadIndicatorColor: '#cc1919',
unreadIndicatorPosition: 'bottom-right',
},
theme: 'light',
onOpen: () => {
console.log('-> client dApp onOpen callback');
},
onClose: () => {
console.log('-> client dApp onClose callback');
}
});
}
return () => {
EmbedSDK.cleanup();
};
}, []);