@@ -69,13 +70,15 @@ const SafeImprint = () => (
)
const Imprint: NextPage = () => {
+ const isOfficialHost = useIsOfficialHost()
+
return (
<>
-
{'Safe{Wallet} – Imprint'}
+
{`${BRAND_NAME} – Imprint`}
-
{IS_OFFICIAL_HOST && }
+
{isOfficialHost && }
>
)
}
diff --git a/src/pages/licenses.tsx b/src/pages/licenses.tsx
index 7d271c8981..f9107851df 100644
--- a/src/pages/licenses.tsx
+++ b/src/pages/licenses.tsx
@@ -1,9 +1,10 @@
import type { NextPage } from 'next'
import Head from 'next/head'
-import { IS_OFFICIAL_HOST } from '@/config/constants'
import { Typography, Table, TableBody, TableRow, TableCell, TableHead, TableContainer, Box } from '@mui/material'
import ExternalLink from '@/components/common/ExternalLink'
import Paper from '@mui/material/Paper'
+import { useIsOfficialHost } from '@/hooks/useIsOfficialHost'
+import { BRAND_NAME } from '@/config/constants'
const SafeLicenses = () => (
<>
@@ -16,7 +17,7 @@ const SafeLicenses = () => (
This page contains a list of attribution notices for third party software that may be contained in portions of
- the {'Safe{Wallet}'}. We thank the open source community for all of their contributions.
+ the {BRAND_NAME}. We thank the open source community for all of their contributions.
Android
@@ -706,13 +707,15 @@ const SafeLicenses = () => (
)
const Licenses: NextPage = () => {
+ const isOfficialHost = useIsOfficialHost()
+
return (
<>
- {'Safe{Wallet} – Licenses'}
+ {`${BRAND_NAME} – Licenses`}
- {IS_OFFICIAL_HOST && }
+ {isOfficialHost && }
>
)
}
diff --git a/src/pages/new-safe/advanced-create.tsx b/src/pages/new-safe/advanced-create.tsx
index a3a1b54d10..76248ff466 100644
--- a/src/pages/new-safe/advanced-create.tsx
+++ b/src/pages/new-safe/advanced-create.tsx
@@ -2,12 +2,13 @@ import Head from 'next/head'
import type { NextPage } from 'next'
import AdvancedCreateSafe from '@/components/new-safe/create/AdvancedCreateSafe'
+import { BRAND_NAME } from '@/config/constants'
const Open: NextPage = () => {
return (
- {'Safe{Wallet} – Advanced Safe creation'}
+ {`${BRAND_NAME} – Advanced Safe creation`}
diff --git a/src/pages/new-safe/create.tsx b/src/pages/new-safe/create.tsx
index d8f53e2c55..77c85474af 100644
--- a/src/pages/new-safe/create.tsx
+++ b/src/pages/new-safe/create.tsx
@@ -2,12 +2,13 @@ import Head from 'next/head'
import type { NextPage } from 'next'
import CreateSafe from '@/components/new-safe/create'
+import { BRAND_NAME } from '@/config/constants'
const Open: NextPage = () => {
return (
- {'Safe{Wallet} – Create Safe Account'}
+ {`${BRAND_NAME} – Create Safe Account`}
diff --git a/src/pages/new-safe/load.tsx b/src/pages/new-safe/load.tsx
index 427436f417..22155d9bcf 100644
--- a/src/pages/new-safe/load.tsx
+++ b/src/pages/new-safe/load.tsx
@@ -2,6 +2,7 @@ import type { NextPage } from 'next'
import Head from 'next/head'
import { useRouter } from 'next/router'
import LoadSafe, { loadSafeDefaultData } from '@/components/new-safe/load'
+import { BRAND_NAME } from '@/config/constants'
const Load: NextPage = () => {
const router = useRouter()
@@ -11,7 +12,7 @@ const Load: NextPage = () => {
return (
- {'Safe{Wallet} – Add Safe Account'}
+ {`${BRAND_NAME} – Add Safe Account`}
{safeAddress ? (
diff --git a/src/pages/privacy.tsx b/src/pages/privacy.tsx
index 8bf31ed9e1..f9adfcd54f 100644
--- a/src/pages/privacy.tsx
+++ b/src/pages/privacy.tsx
@@ -2,21 +2,24 @@ import CustomLink from '@/components/common/CustomLink'
import type { MDXComponents } from 'mdx/types'
import type { NextPage } from 'next'
import Head from 'next/head'
-import { IS_OFFICIAL_HOST } from '@/config/constants'
import SafePrivacyPolicy from '@/markdown/privacy/privacy.md'
+import { useIsOfficialHost } from '@/hooks/useIsOfficialHost'
+import { BRAND_NAME } from '@/config/constants'
const overrideComponents: MDXComponents = {
a: CustomLink,
}
const PrivacyPolicy: NextPage = () => {
+ const isOfficialHost = useIsOfficialHost()
+
return (
<>
- {'Safe{Wallet} – Privacy policy'}
+ {`${BRAND_NAME} – Privacy policy`}
- {IS_OFFICIAL_HOST && }
+ {isOfficialHost && }
>
)
}
diff --git a/src/pages/settings/appearance.tsx b/src/pages/settings/appearance.tsx
index 6832244d2d..ad1b9ee02e 100644
--- a/src/pages/settings/appearance.tsx
+++ b/src/pages/settings/appearance.tsx
@@ -9,6 +9,7 @@ import SettingsHeader from '@/components/settings/SettingsHeader'
import { trackEvent, SETTINGS_EVENTS } from '@/services/analytics'
import { useDarkMode } from '@/hooks/useDarkMode'
import ExternalLink from '@/components/common/ExternalLink'
+import { BRAND_NAME } from '@/config/constants'
const Appearance: NextPage = () => {
const dispatch = useAppDispatch()
@@ -32,7 +33,7 @@ const Appearance: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Settings – Appearance'}
+ {`${BRAND_NAME} – Settings – Appearance`}
diff --git a/src/pages/settings/cookies.tsx b/src/pages/settings/cookies.tsx
index 4fb0c830ae..3a51e74930 100644
--- a/src/pages/settings/cookies.tsx
+++ b/src/pages/settings/cookies.tsx
@@ -3,12 +3,13 @@ import SettingsHeader from '@/components/settings/SettingsHeader'
import { Grid, Paper, Typography } from '@mui/material'
import type { NextPage } from 'next'
import Head from 'next/head'
+import { BRAND_NAME } from '@/config/constants'
const Cookies: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Settings – Cookies'}
+ {`${BRAND_NAME} – Settings – Cookies`}
diff --git a/src/pages/settings/data.tsx b/src/pages/settings/data.tsx
index 65d1e44b9f..42df732cce 100644
--- a/src/pages/settings/data.tsx
+++ b/src/pages/settings/data.tsx
@@ -1,5 +1,6 @@
import DataManagement from '@/components/settings/DataManagement'
import SettingsHeader from '@/components/settings/SettingsHeader'
+import { BRAND_NAME } from '@/config/constants'
import type { NextPage } from 'next'
import Head from 'next/head'
@@ -7,7 +8,7 @@ const Data: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Settings – Data'}
+ {`${BRAND_NAME} – Settings – Data`}
diff --git a/src/pages/settings/environment-variables.tsx b/src/pages/settings/environment-variables.tsx
index 1e46bfa953..d0c92b9d69 100644
--- a/src/pages/settings/environment-variables.tsx
+++ b/src/pages/settings/environment-variables.tsx
@@ -2,12 +2,13 @@ import type { NextPage } from 'next'
import Head from 'next/head'
import SettingsHeader from '@/components/settings/SettingsHeader'
import EnvironmentVariables from '@/components/settings/EnvironmentVariables'
+import { BRAND_NAME } from '@/config/constants'
const EnvironmentVariablesPage: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Settings – Environment variables'}
+ {`${BRAND_NAME} – Settings – Environment variables`}
diff --git a/src/pages/settings/index.tsx b/src/pages/settings/index.tsx
index 1605ff955b..adf1af6a03 100644
--- a/src/pages/settings/index.tsx
+++ b/src/pages/settings/index.tsx
@@ -3,6 +3,7 @@ import type { NextPage } from 'next'
import Head from 'next/head'
import { useRouter } from 'next/router'
import { generalSettingsNavItems, settingsNavItems } from '@/components/sidebar/SidebarNavigation/config'
+import { BRAND_NAME } from '@/config/constants'
const Settings: NextPage = () => {
const router = useRouter()
@@ -17,7 +18,7 @@ const Settings: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Settings'}
+ {`${BRAND_NAME} – Settings`}
>
)
diff --git a/src/pages/settings/modules.tsx b/src/pages/settings/modules.tsx
index a25bbada52..cffebc4ca8 100644
--- a/src/pages/settings/modules.tsx
+++ b/src/pages/settings/modules.tsx
@@ -5,12 +5,13 @@ import SafeModules from '@/components/settings/SafeModules'
import TransactionGuards from '@/components/settings/TransactionGuards'
import SettingsHeader from '@/components/settings/SettingsHeader'
import { FallbackHandler } from '@/components/settings/FallbackHandler'
+import { BRAND_NAME } from '@/config/constants'
const Modules: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Settings – Modules'}
+ {`${BRAND_NAME} – Settings – Modules`}
diff --git a/src/pages/settings/notifications.tsx b/src/pages/settings/notifications.tsx
index 66dc3cda37..d6c3760779 100644
--- a/src/pages/settings/notifications.tsx
+++ b/src/pages/settings/notifications.tsx
@@ -5,6 +5,7 @@ import SettingsHeader from '@/components/settings/SettingsHeader'
import { PushNotifications } from '@/components/settings/PushNotifications'
import { useHasFeature } from '@/hooks/useChains'
import { FEATURES } from '@/utils/chains'
+import { BRAND_NAME } from '@/config/constants'
const NotificationsPage: NextPage = () => {
const isNotificationFeatureEnabled = useHasFeature(FEATURES.PUSH_NOTIFICATIONS)
@@ -16,7 +17,7 @@ const NotificationsPage: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Settings – Notifications'}
+ {`${BRAND_NAME} – Settings – Notifications`}
diff --git a/src/pages/settings/safe-apps/index.tsx b/src/pages/settings/safe-apps/index.tsx
index 3cb576210a..71c2a17f4b 100644
--- a/src/pages/settings/safe-apps/index.tsx
+++ b/src/pages/settings/safe-apps/index.tsx
@@ -4,12 +4,13 @@ import Head from 'next/head'
import SafeAppsPermissions from '@/components/settings/SafeAppsPermissions'
import SettingsHeader from '@/components/settings/SettingsHeader'
import { SafeAppsSigningMethod } from '@/components/settings/SafeAppsSigningMethod'
+import { BRAND_NAME } from '@/config/constants'
const SafeAppsPermissionsPage: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Settings – Safe Apps'}
+ {`${BRAND_NAME} – Settings – Safe Apps`}
diff --git a/src/pages/settings/security.tsx b/src/pages/settings/security.tsx
index 1931fc7145..c6f93543b7 100644
--- a/src/pages/settings/security.tsx
+++ b/src/pages/settings/security.tsx
@@ -3,12 +3,13 @@ import Head from 'next/head'
import SettingsHeader from '@/components/settings/SettingsHeader'
import SecurityLogin from '@/components/settings/SecurityLogin'
+import { BRAND_NAME } from '@/config/constants'
const SecurityPage: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Settings – Security'}
+ {`${BRAND_NAME} – Settings – Security`}
diff --git a/src/pages/settings/setup.tsx b/src/pages/settings/setup.tsx
index 1dad75fee9..c41cd26b2e 100644
--- a/src/pages/settings/setup.tsx
+++ b/src/pages/settings/setup.tsx
@@ -9,6 +9,7 @@ import useSafeInfo from '@/hooks/useSafeInfo'
import SettingsHeader from '@/components/settings/SettingsHeader'
import ProposersList from 'src/components/settings/ProposersList'
import SpendingLimits from '@/components/settings/SpendingLimits'
+import { BRAND_NAME } from '@/config/constants'
const Setup: NextPage = () => {
const { safe, safeLoaded } = useSafeInfo()
@@ -19,7 +20,7 @@ const Setup: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Settings – Setup'}
+ {`${BRAND_NAME} – Settings – Setup`}
diff --git a/src/pages/share/safe-app.tsx b/src/pages/share/safe-app.tsx
index 1940e462a5..49346bd20d 100644
--- a/src/pages/share/safe-app.tsx
+++ b/src/pages/share/safe-app.tsx
@@ -3,6 +3,7 @@ import { Box, CircularProgress } from '@mui/material'
import { useSafeAppUrl } from '@/hooks/safe-apps/useSafeAppUrl'
import { SafeAppLanding } from '@/components/safe-apps/SafeAppLandingPage'
import { useCurrentChain } from '@/hooks/useChains'
+import { BRAND_NAME } from '@/config/constants'
const ShareSafeApp = () => {
const appUrl = useSafeAppUrl()
@@ -11,7 +12,7 @@ const ShareSafeApp = () => {
return (
<>
- {`Safe{Wallet} – Safe Apps`}
+ {`${BRAND_NAME} – Safe Apps`}
diff --git a/src/pages/stake.tsx b/src/pages/stake.tsx
index 2b629a2676..af79840caa 100644
--- a/src/pages/stake.tsx
+++ b/src/pages/stake.tsx
@@ -4,6 +4,7 @@ import dynamic from 'next/dynamic'
import { Typography } from '@mui/material'
import { useHasFeature } from '@/hooks/useChains'
import { FEATURES } from '@/utils/chains'
+import { BRAND_NAME } from '@/config/constants'
const LazyStakePage = dynamic(() => import('@/features/stake/components/StakePage'), { ssr: false })
@@ -13,7 +14,7 @@ const StakePage: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Stake'}
+ {`${BRAND_NAME} – Stake`}
{isFeatureEnabled === true ? (
diff --git a/src/pages/swap.tsx b/src/pages/swap.tsx
index 0a18c061b8..b97c9a6f9f 100644
--- a/src/pages/swap.tsx
+++ b/src/pages/swap.tsx
@@ -5,6 +5,7 @@ import dynamic from 'next/dynamic'
import { Typography } from '@mui/material'
import { useHasFeature } from '@/hooks/useChains'
import { FEATURES } from '@/utils/chains'
+import { BRAND_NAME } from '@/config/constants'
// Cow Swap expects native token addresses to be in the format '0xeeee...eeee'
const adjustEthAddress = (address: string) => {
@@ -33,7 +34,7 @@ const SwapPage: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Swap'}
+ {`${BRAND_NAME} – Swap`}
diff --git a/src/pages/terms.tsx b/src/pages/terms.tsx
index 8354588ef2..c8805f925c 100644
--- a/src/pages/terms.tsx
+++ b/src/pages/terms.tsx
@@ -1,22 +1,25 @@
import CustomLink from '@/components/common/CustomLink'
import type { NextPage } from 'next'
import Head from 'next/head'
-import { IS_OFFICIAL_HOST } from '@/config/constants'
import SafeTerms from '@/markdown/terms/terms.md'
import type { MDXComponents } from 'mdx/types'
+import { useIsOfficialHost } from '@/hooks/useIsOfficialHost'
+import { BRAND_NAME } from '@/config/constants'
const overrideComponents: MDXComponents = {
a: CustomLink,
}
const Terms: NextPage = () => {
+ const isOfficialHost = useIsOfficialHost()
+
return (
<>
- {'Safe{Wallet} – Terms'}
+ {`${BRAND_NAME} – Terms`}
- {IS_OFFICIAL_HOST && }
+ {isOfficialHost && }
>
)
}
diff --git a/src/pages/transactions/history.tsx b/src/pages/transactions/history.tsx
index d1d9f280e4..ab5ed39ac9 100644
--- a/src/pages/transactions/history.tsx
+++ b/src/pages/transactions/history.tsx
@@ -11,6 +11,7 @@ import ExpandMoreIcon from '@mui/icons-material/ExpandMore'
import TxFilterForm from '@/components/transactions/TxFilterForm'
import TrustedToggle from '@/components/transactions/TrustedToggle'
import { useTxFilter } from '@/utils/tx-history-filter'
+import { BRAND_NAME } from '@/config/constants'
const History: NextPage = () => {
const [filter] = useTxFilter()
@@ -25,7 +26,7 @@ const History: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Transaction history'}
+ {`${BRAND_NAME} – Transaction history`}
diff --git a/src/pages/transactions/messages.tsx b/src/pages/transactions/messages.tsx
index 01ec4892af..e39e0659a3 100644
--- a/src/pages/transactions/messages.tsx
+++ b/src/pages/transactions/messages.tsx
@@ -10,6 +10,7 @@ import SignedMessagesHelpLink from '@/components/transactions/SignedMessagesHelp
import { AppRoutes } from '@/config/routes'
import { useCurrentChain } from '@/hooks/useChains'
import { hasFeature } from '@/utils/chains'
+import { BRAND_NAME } from '@/config/constants'
const Messages: NextPage = () => {
const chain = useCurrentChain()
@@ -26,7 +27,7 @@ const Messages: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Messages'}
+ {`${BRAND_NAME} – Messages`}
diff --git a/src/pages/transactions/msg.tsx b/src/pages/transactions/msg.tsx
index 2db44e1e61..d78883d141 100644
--- a/src/pages/transactions/msg.tsx
+++ b/src/pages/transactions/msg.tsx
@@ -3,12 +3,13 @@ import Head from 'next/head'
import Typography from '@mui/material/Typography'
import SingleMsg from '@/components/safe-messages/SingleMsg'
+import { BRAND_NAME } from '@/config/constants'
const SingleTransaction: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Message details'}
+ {`${BRAND_NAME} – Message details`}
diff --git a/src/pages/transactions/queue.tsx b/src/pages/transactions/queue.tsx
index f68919550e..378a253cb0 100644
--- a/src/pages/transactions/queue.tsx
+++ b/src/pages/transactions/queue.tsx
@@ -8,6 +8,7 @@ import { Box } from '@mui/material'
import { BatchExecuteHoverProvider } from '@/components/transactions/BatchExecuteButton/BatchExecuteHoverProvider'
import { usePendingTxsQueue, useShowUnsignedQueue } from '@/hooks/usePendingTxs'
import RecoveryList from '@/features/recovery/components/RecoveryList'
+import { BRAND_NAME } from '@/config/constants'
const Queue: NextPage = () => {
const showPending = useShowUnsignedQueue()
@@ -15,7 +16,7 @@ const Queue: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Transaction queue'}
+ {`${BRAND_NAME} – Transaction queue`}
diff --git a/src/pages/transactions/tx.tsx b/src/pages/transactions/tx.tsx
index e60e093ebe..5ad12ee173 100644
--- a/src/pages/transactions/tx.tsx
+++ b/src/pages/transactions/tx.tsx
@@ -3,12 +3,13 @@ import Head from 'next/head'
import SingleTx from '@/components/transactions/SingleTx'
import Typography from '@mui/material/Typography'
+import { BRAND_NAME } from '@/config/constants'
const SingleTransaction: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Transaction details'}
+ {`${BRAND_NAME} – Transaction details`}
diff --git a/src/pages/welcome/accounts.tsx b/src/pages/welcome/accounts.tsx
index 3cb3983d41..8223ec6b53 100644
--- a/src/pages/welcome/accounts.tsx
+++ b/src/pages/welcome/accounts.tsx
@@ -1,12 +1,13 @@
import type { NextPage } from 'next'
import Head from 'next/head'
import MyAccounts from '@/features/myAccounts'
+import { BRAND_NAME } from '@/config/constants'
const Accounts: NextPage = () => {
return (
<>
- {'Safe{Wallet} – My accounts'}
+ {`${BRAND_NAME} – My accounts`}
diff --git a/src/pages/welcome/index.tsx b/src/pages/welcome/index.tsx
index 6a6506b4d6..0fa8cb46f1 100644
--- a/src/pages/welcome/index.tsx
+++ b/src/pages/welcome/index.tsx
@@ -1,12 +1,13 @@
import type { NextPage } from 'next'
import Head from 'next/head'
import NewSafe from '@/components/welcome/NewSafe'
+import { BRAND_NAME } from '@/config/constants'
const Welcome: NextPage = () => {
return (
<>
- {'Safe{Wallet} – Welcome'}
+ {`${BRAND_NAME} – Welcome`}
diff --git a/src/services/onboard.ts b/src/services/onboard.ts
index cc37f1f136..7ed0c0bb30 100644
--- a/src/services/onboard.ts
+++ b/src/services/onboard.ts
@@ -4,6 +4,7 @@ import { getAllWallets } from '@/hooks/wallets/wallets'
import { getRpcServiceUrl } from '@/hooks/wallets/web3'
import type { EnvState } from '@/store/settingsSlice'
import { numberToHex } from '@/utils/hex'
+import { BRAND_NAME } from '@/config/constants'
let onboard: OnboardAPI | null = null
@@ -42,9 +43,9 @@ export const createOnboard = (
},
appMetadata: {
- name: 'Safe{Wallet}',
+ name: BRAND_NAME,
icon: location.origin + '/images/logo-round.svg',
- description: 'Safe{Wallet} – smart contract wallet for Ethereum (ex-Gnosis Safe multisig)',
+ description: `${BRAND_NAME} – smart contract wallet for Ethereum (ex-Gnosis Safe multisig)`,
},
connect: {
diff --git a/src/services/safe-wallet-provider/notifications.ts b/src/services/safe-wallet-provider/notifications.ts
index c57452f856..feabdc19d7 100644
--- a/src/services/safe-wallet-provider/notifications.ts
+++ b/src/services/safe-wallet-provider/notifications.ts
@@ -1,3 +1,4 @@
+import { BRAND_NAME } from '@/config/constants'
import type { AppInfo } from '.'
export const showNotification = (title: string, options?: NotificationOptions) => {
@@ -27,13 +28,13 @@ export const NotificationMessages: Record<
SIGNATURE_REQUEST: (appInfo: AppInfo) => ({
title: 'Signature request',
options: {
- body: `${appInfo.name} wants you to sign a message. Open the Safe{Wallet} to continue.`,
+ body: `${appInfo.name} wants you to sign a message. Open the ${BRAND_NAME} to continue.`,
},
}),
TRANSACTION_REQUEST: (appInfo: AppInfo) => ({
title: 'Transaction request',
options: {
- body: `${appInfo.name} wants to submit a transaction. Open the Safe{Wallet} to continue.`,
+ body: `${appInfo.name} wants to submit a transaction. Open the ${BRAND_NAME} to continue.`,
},
}),
}