diff --git a/src/components/settings/PushNotifications/index.tsx b/src/components/settings/PushNotifications/index.tsx index 73aa479c6a..652aea2288 100644 --- a/src/components/settings/PushNotifications/index.tsx +++ b/src/components/settings/PushNotifications/index.tsx @@ -21,7 +21,7 @@ import { useNotificationRegistrations } from './hooks/useNotificationRegistratio import { useNotificationPreferences } from './hooks/useNotificationPreferences' import { GlobalPushNotifications } from './GlobalPushNotifications' import useIsSafeOwner from '@/hooks/useIsSafeOwner' -import { IS_DEV } from '@/config/constants' +import { HelpCenterArticle, IS_DEV } from '@/config/constants' import { trackEvent } from '@/services/analytics' import { PUSH_NOTIFICATION_EVENTS } from '@/services/analytics/events/push-notifications' import { AppRoutes } from '@/config/routes' @@ -29,6 +29,7 @@ import CheckWallet from '@/components/common/CheckWallet' import { useIsMac } from '@/hooks/useIsMac' import useOnboard from '@/hooks/wallets/useOnboard' import { assertWalletChain } from '@/services/tx/tx-sender/sdk' +import ExternalLink from '@/components/common/ExternalLink' import css from './styles.module.css' @@ -106,7 +107,8 @@ export const PushNotifications = (): ReactElement => { Enable push notifications for {safeLoaded ? 'this Safe Account' : 'your Safe Accounts'} in your browser - with your signature. You will need to enable them again if you clear your browser cache. + with your signature. You will need to enable them again if you clear your browser cache. Learn more + about push notifications here {shouldShowMacHelper && ( diff --git a/src/config/constants.ts b/src/config/constants.ts index f1035f5da5..7edd0dd2e1 100644 --- a/src/config/constants.ts +++ b/src/config/constants.ts @@ -84,6 +84,7 @@ export const HelpCenterArticle = { TRANSACTION_GUARD: `${HELP_CENTER_URL}/en/articles/40809-what-is-a-transaction-guard`, UNEXPECTED_DELEGATE_CALL: `${HELP_CENTER_URL}/en/articles/40794-why-do-i-see-an-unexpected-delegate-call-warning-in-my-transaction`, DELEGATES: `${HELP_CENTER_URL}/en/articles/40799-what-is-a-delegate-key`, + PUSH_NOTIFICATIONS: `${HELP_CENTER_URL}/en/articles/99197-how-to-start-receiving-web-push-notifications-in-the-web-wallet`, } as const // Social