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 && }