diff --git a/unlock-app/src/components/content/certification/CertificationForm.tsx b/unlock-app/src/components/content/certification/CertificationForm.tsx
index a30fc847042..b1c0dd9c85c 100644
--- a/unlock-app/src/components/content/certification/CertificationForm.tsx
+++ b/unlock-app/src/components/content/certification/CertificationForm.tsx
@@ -19,6 +19,7 @@ import { SelectCurrencyModal } from '~/components/interface/locks/Create/modals/
import { CryptoIcon } from '@unlock-protocol/crypto-icon'
import { useImageUpload } from '~/hooks/useImageUpload'
import { BalanceWarning } from '~/components/interface/locks/Create/elements/BalanceWarning'
+import { NetworkWarning } from '~/components/interface/locks/Create/elements/NetworkWarning'
import { getAccountTokenBalance } from '~/hooks/useAccount'
import { Web3Service } from '@unlock-protocol/unlock-js'
import { useQuery } from '@tanstack/react-query'
@@ -269,6 +270,7 @@ export const CertificationForm = ({ onSubmit }: FormProps) => {
defaultValue={network}
description={}
/>
+
{noBalance && (
{
}
/>
+
{noBalance && (
= {
+ 5: {
+ date: new Date('30 Apr 2024'),
+ },
+ 80001: {
+ date: new Date('30 Apr 2024'),
+ },
+}
+
+export const NetworkWarning = ({
+ network,
+}: {
+ network: number | undefined
+}) => {
+ const config = useConfig()
+ if (!network) return null
+ console.log(network)
+ if (!NETWORK_MAPPING_MAPPING[network!]) return
+ const { date } = NETWORK_MAPPING_MAPPING[network!]
+ console.log(date)
+ const networkName = config.networks[network!].name
+
+ return (
+
+
+ {networkName} is getting deprecated on{' '}
+ {date.toLocaleString(undefined, {
+ year: 'numeric',
+ month: 'long',
+ day: 'numeric',
+ })}
+ .
+
+
+ )
+}
diff --git a/unlock-app/src/components/interface/locks/Manage/index.tsx b/unlock-app/src/components/interface/locks/Manage/index.tsx
index 40adc177728..f5b9723bbed 100644
--- a/unlock-app/src/components/interface/locks/Manage/index.tsx
+++ b/unlock-app/src/components/interface/locks/Manage/index.tsx
@@ -8,6 +8,7 @@ import { Members } from './elements/Members'
import { TotalBar } from './elements/TotalBar'
import { BsArrowLeft as ArrowBackIcon } from 'react-icons/bs'
import { AirdropKeysDrawer } from '~/components/interface/members/airdrop/AirdropDrawer'
+import { NetworkWarning } from '~/components/interface/locks/Create/elements/NetworkWarning'
import { useMutation } from '@tanstack/react-query'
import {
ApprovalStatus,
@@ -455,6 +456,7 @@ export const ManageLockPage = () => {
+
{showNotManagerBanner && }