this repo has no description
Test move this out of component mount
It needs to run faster
+35
-19
+35
-19
src/components/notification-service.jsx
+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) {