digitransit-ui/app/component/itinerary/navigator/hooks/usePushNotification.js

import { useState, useEffect } from 'react';

navigator.serviceWorker?.register('/sw.js');

const usePushNotification = config => {
  const [notification, setNotification] = useState(null);

  useEffect(() => {
    if (notification) {
      notification.onclick = () => {
        window.focus();
        notification.close();
      };
    }
  }, [notification]);

  const createNotification = (title, content) => {
    if ('Notification' in window && Notification.permission === 'granted') {
      navigator.serviceWorker?.ready.then(registration => {
        const newNotification = registration.showNotification(title, {
          body: content,
        });
        setNotification(newNotification);
      });
    }
  };
  const notificationConsent = () => {
    if (config.experimental.notifications && 'Notification' in window) {
      if (
        Notification.permission !== 'denied' &&
        Notification.permission !== 'granted'
      ) {
        Notification.requestPermission().then(permission => {
          if (permission === 'granted') {
            createNotification(
              'Notifications Approved',
              'Notifications are now approved',
            );
          }
        });
      }
    }
  };

  return { createNotification, notificationConsent };
};
export { usePushNotification };