this repo has no description
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Test move this out of component mount

It needs to run faster

+35 -19
+35 -19
src/components/notification-service.jsx
··· 15 15 import Modal from './modal'; 16 16 import Notification from './notification'; 17 17 18 + { 19 + if ('serviceWorker' in navigator) { 20 + console.log('๐Ÿ‘‚๐Ÿ‘‚๐Ÿ‘‚ Listen to message'); 21 + navigator.serviceWorker.addEventListener('message', (event) => { 22 + console.log('๐Ÿ’ฅ๐Ÿ’ฅ๐Ÿ’ฅ Message event', event); 23 + const { type, id, accessToken } = event?.data || {}; 24 + if (type === 'notification') { 25 + states.routeNotification = { 26 + id, 27 + accessToken, 28 + }; 29 + } 30 + }); 31 + } 32 + } 33 + 18 34 export default memo(function NotificationService() { 19 35 if (!('serviceWorker' in navigator)) return null; 20 36 ··· 82 98 })(); 83 99 }, [id, accessToken]); 84 100 85 - useLayoutEffect(() => { 86 - // Listen to message from service worker 87 - const handleMessage = (event) => { 88 - console.log('๐Ÿ’ฅ๐Ÿ’ฅ๐Ÿ’ฅ Message event', event); 89 - const { type, id, accessToken } = event?.data || {}; 90 - if (type === 'notification') { 91 - states.routeNotification = { 92 - id, 93 - accessToken, 94 - }; 95 - } 96 - }; 97 - console.log('๐Ÿ‘‚๐Ÿ‘‚๐Ÿ‘‚ Listen to message'); 98 - navigator.serviceWorker.addEventListener('message', handleMessage); 99 - return () => { 100 - console.log('๐Ÿ‘‚๐Ÿ‘‚๐Ÿ‘‚ Remove listen to message'); 101 - navigator.serviceWorker.removeEventListener('message', handleMessage); 102 - }; 103 - }, []); 101 + // useLayoutEffect(() => { 102 + // // Listen to message from service worker 103 + // const handleMessage = (event) => { 104 + // console.log('๐Ÿ’ฅ๐Ÿ’ฅ๐Ÿ’ฅ Message event', event); 105 + // const { type, id, accessToken } = event?.data || {}; 106 + // if (type === 'notification') { 107 + // states.routeNotification = { 108 + // id, 109 + // accessToken, 110 + // }; 111 + // } 112 + // }; 113 + // console.log('๐Ÿ‘‚๐Ÿ‘‚๐Ÿ‘‚ Listen to message'); 114 + // navigator.serviceWorker.addEventListener('message', handleMessage); 115 + // return () => { 116 + // console.log('๐Ÿ‘‚๐Ÿ‘‚๐Ÿ‘‚ Remove listen to message'); 117 + // navigator.serviceWorker.removeEventListener('message', handleMessage); 118 + // }; 119 + // }, []); 104 120 105 121 useLayoutEffect(() => { 106 122 if (navigator?.clearAppBadge) {