Compass/web/lib/service/android-push.ts

import {PushNotifications} from '@capacitor/push-notifications'
import {useRouter} from 'next/router'
import {useEffect} from 'react'
import {useUser} from 'web/hooks/use-user'
import {api} from 'web/lib/api'
import {isAndroidApp} from 'web/lib/util/webview'

export default function AndroidPush() {
  const user = useUser() // authenticated user
  const isAndroid = isAndroidApp()
  const router = useRouter()
  useEffect(() => {
    if (!user?.id || !isAndroid) return
    console.log('AndroidPush', user)

    PushNotifications.requestPermissions().then((result) => {
      if (result.receive !== 'granted') {
        console.log('Push notifications not granted')
        return
      }
      PushNotifications.register()
      console.log('Push registered')
    })

    PushNotifications.addListener('registration', async (token) => {
      console.log('Device token:', token.value)
      try {
        const {data} = await api('save-subscription-mobile', {
          token: token.value,
        })
        console.log('Mobile subscription saved:', data)
      } catch (err) {
        console.error('Failed saving android subscription', err)
      }
    })

    PushNotifications.addListener('pushNotificationReceived', (notif) => {
      console.log('Push received', notif)
      const url = notif?.data?.url
      if (url) {
        router.push(url)
        window.location.href = url
      }
    })
  }, [user?.id, isAndroid])

  return null
}