diff --git a/src/js/extension.js b/src/js/extension.js index e7474bf..b4eeab1 100644 --- a/src/js/extension.js +++ b/src/js/extension.js @@ -88,13 +88,13 @@ const initExtension = () => { const statusText = document.querySelector('.delivery-status-text'); appConfig.statusStrings.delivered.forEach(statusString => { if (deliveryStatus.includes(statusString)) { + sendDeliveryNotiication(); statusImage.src = appConfig.favicons.delivered; statusText.classList.add('delivered'); statusText.textContent = 'Delivered'; clearInterval(clockTimerHandle); document.querySelector('#extension-overlay h3').remove(); updateDelivered(); - sendDeliveryNotiication(); } }); appConfig.statusStrings.outForDelivery.forEach(statusString => { @@ -130,6 +130,9 @@ const initExtension = () => { // - [ ] release in mozilla add-ons document.onreadystatechange = () => { + Notification.requestPermission().then((result) => { + console.log(result); + }); if (document.readyState === 'complete') { initExtension(); } diff --git a/src/js/modules/helpers.js b/src/js/modules/helpers.js index 8bb3e50..722cf66 100644 --- a/src/js/modules/helpers.js +++ b/src/js/modules/helpers.js @@ -5,6 +5,7 @@ export const appConfig = { delivered: 'https://raw.githubusercontent.com/mikesprague/delivery-status/master/src/images/delivered.png', inTransit: 'https://raw.githubusercontent.com/mikesprague/delivery-status/master/src/images/in-transit.png', outForDelivery: 'https://raw.githubusercontent.com/mikesprague/delivery-status/master/src/images/out-for-delivery.png', + main: 'https://raw.githubusercontent.com/mikesprague/delivery-status/master/src/images/delivery-status-icon.png', }, statusStrings: { delivered: ['delivered'], @@ -54,15 +55,13 @@ export function currentService() { } export function sendDeliveryNotiication () { - const notifTitle = 'Delivery Notification'; - const notifBody = 'Your package has been delivered.'; - const notifImg = '/images/delivery-status-icon.png'; + const title = 'Delivery Status Extension'; + const body = 'Your package has been delivered.'; const options = { - body: notifBody, - icon: notifImg + body, + icon: appConfig.favicons.main, }; - const notif = new Notification(notifTitle, options); - return notif; + new Notification(title, options); } export function initOverlay() {